If you are using Video.js and find an unexpected download button appearing in Chrome or other modern browsers, it is usually because the browser's native controls are "bleeding through" or being explicitly enabled. By default, Video.js does not include a download button in its custom UI.
Use code with caution.
Add oncontextmenu="return false;" directly to your video tag. JavaScript Method: javascript video js remove download button
Here are the most effective ways to remove the download button and further protect your content. 1. Use the controlsList Attribute If you are using Video
The most straightforward method to hide the download button in modern browsers (like Chrome and Edge) is adding the controlsList="nodownload" attribute to your tag. Add oncontextmenu="return false;" directly to your video tag
var player = videojs('my-video'); player.ready(function() { var videoElement = this.tech().el(); videoElement.setAttribute('controlsList', 'nodownload'); }); Use code with caution. 2. Disable Right-Click (Context Menu)
For some older versions of Chrome or specific mobile environments, you may need to target the browser's internal shadow DOM with CSS.
Sign up to receive all the latest news and special offers
AI-Enhanced Data Platform for Business Growth & Retention
Deliver individualized body composition analysis—free from demographic assumptions—for precise, tailored results on every patient’s health journey.
Use detailed body composition metrics and progress tracking to develop evidence-based care plans and showcase tangible results.
Benefit from HIPAA-compliant cloud storage and advanced encryption, keeping patient data safe while allowing secure access from anywhere.
Access, analyze, and share patient information securely from any location with LookInBody Web—featuring advanced analytics and customizable reporting.
If you are using Video.js and find an unexpected download button appearing in Chrome or other modern browsers, it is usually because the browser's native controls are "bleeding through" or being explicitly enabled. By default, Video.js does not include a download button in its custom UI.
Use code with caution.
Add oncontextmenu="return false;" directly to your video tag. JavaScript Method: javascript
Here are the most effective ways to remove the download button and further protect your content. 1. Use the controlsList Attribute
The most straightforward method to hide the download button in modern browsers (like Chrome and Edge) is adding the controlsList="nodownload" attribute to your tag.
var player = videojs('my-video'); player.ready(function() { var videoElement = this.tech().el(); videoElement.setAttribute('controlsList', 'nodownload'); }); Use code with caution. 2. Disable Right-Click (Context Menu)
For some older versions of Chrome or specific mobile environments, you may need to target the browser's internal shadow DOM with CSS.
