In Chrome 55, prevent showing Download button for HTML 5 video
I am getting this download button with <video> tags in Chrome 55, but not on Chrome 54:
How can I remove this so no one can see the download button in Chrome 55?
I have used <video> tag to embed this video on my web page. So, I want some kind of code to remove this download option.
Here is my current code:
<video width="512" height="380" controls>
<source data-src="mov_bbb.ogg" type="video/mp4">
</video>
This is the solution
//From this post http://stackoverflow.com/questions/39602852/disable-download-button-for-google-chrome/40975859#40975859
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 */
}
Chrome should provide web developers with an API way of enabling / disabling this feature. This was requested here: https://bugs.chromium.org/p/chromium/issues/detail?id=675596&can=2&q=media%20download&colspec=ID%20Pri%20M%20Stars%20ReleaseBlock%20Component%20Status%20Owner%20Summary%20OS%20Modified
This can hide download button on Chrome when HTML5 Audio is used.
#aPlayer > audio { width: 100% }
/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
/* HIDE DOWNLOAD AUDIO BUTTON */
#aPlayer {
overflow: hidden;width: 390px;
}
#aPlayer > audio { width: 420px; }
}
/* Chrome 22-28 */
@media screen and(-webkit-min-device-pixel-ratio:0) {
#aPlayer {
overflow: hidden;width: 390px;
}
#aPlayer > audio { width: 420px; }
}<div id="aPlayer">
<audio autoplay="autoplay" controls="controls">
<source src="http://www.stephaniequinn.com/Music/Commercial%20DEMO%20-%2012.mp3" type="audio/mpeg" />
</audio>
</div>Click here to see the screenshot
-
04:50
-
02:10
Compile node module with node-gyp for a specific NODE_MODULE_VERSION
-
02:00
Replacement of com.android.build.api.transform.Transform classes
-
9:30
How to select an entry from a MySQL database by searching for a case-sensitive username
-
12:40
-
10:20
springboot mvc log request body string(in Filter) before RestController
-
10:10
How can I capture the error thrown by a python script in the bash script calling it?
-
03:00
-
9:20
- search for elements in a list 110008 visits
- typescript: tsc is not recognized as an internal or external command, operable program or batch file 103249 visits
- In Chrome 55, prevent showing Download button for HTML 5 video 97677 visits
- RxJS5 - error - TypeError: You provided an invalid object where a stream was expected 95042 visits
- Ionic 2 - how to make ion-button with icon and text on two lines? 91416 visits
- NetBeans IDE - ClassNotFoundException: net.ucanaccess.jdbc.UcanaccessDriver 60653 visits
- Adding methods to es6 child class 21623 visits
![how to create a drag and drop form generator? [on hold]](https://cmsdk.com/images/nophoto.png "how to create a drag and drop form generator? [on hold]")