2017年3月1日 星期三

[筆記]移除Html5 Video Tag在Chome時的預設下載按鈕

在Chrome 55版本,Html5 Video Tag 會預設出現下載按鈕,(或許之後會移除?)。

image

參考:
http://stackoverflow.com/questions/41115801/in-chrome-55-prevent-showing-download-button-for-
html-5-video

可以透過CSS解決:
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 */
}
在此做個筆記。

沒有留言:

張貼留言