video標(biāo)簽和audio標(biāo)簽在谷歌瀏覽器上自帶下載按鈕，當(dāng)我們不想要下載按鈕的時候，可以試一下以下操作

第一種方案：

在video或者audio標(biāo)簽上添加controlsList="nodownload"即可關(guān)閉下載按鈕

<!-- video--> <video src="videoUrl" controlsList="nodownload" controls="controls"></video> <!--audio --> <audio src="audioUrl" controlsList="nodownload" controls="controls"></audio>

關(guān)于controlsList的更多參數(shù)請參閱：controlsList示例

第二種方案

?通過css將按鈕超出進(jìn)行隱藏

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

?

總結(jié)

以上是生活随笔為你收集整理的关于HTML5的audio标签和video标签删除下载图标的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。