In Chrome 55, prevent showing Download button for HTML 5 video [duplicate] In Chrome 55, prevent showing Download button for HTML 5 video [duplicate] google-chrome google-chrome

In Chrome 55, prevent showing Download button for HTML 5 video [duplicate]


Google has added a new feature since the last answer was posted here.You can now add the controlList attribute as shown here:

<video width="512" height="380" controls controlsList="nodownload">    <source data-src="mov_bbb.ogg" type="video/mp4"></video>

You can find all options of the controllist attribute here:

https://developers.google.com/web/updates/2017/03/chrome-58-media-updates#controlslist


This is the solution (from this post)

video::-internal-media-controls-download-button {    display:none;}video::-webkit-media-controls-enclosure {    overflow:hidden;}video::-webkit-media-controls-panel {    width: calc(100% + 30px); /* Adjust as needed */}

Update 2 :New Solution by @Remo

<video width="512" height="380" controls controlsList="nodownload">    <source data-src="mov_bbb.ogg" type="video/mp4"></video>


As of Chrome58 you can now use controlsList to remove controls you don't want shown. This is available for both <audio> and <video> tags.

If you want to remove the download button in the controls do this:

<audio controls controlsList="nodownload">