您的位置:首页 > Web前端 > JavaScript

JS 原生video元素去掉下载按钮

2017-10-17 11:32 1631 查看
<audio src="xxx.mp4" controls="controls"></audio>


通常我们都是这样写一个video元素, 这样写的 会在浏览器下显示视频的控制栏出来,加入我们不需要控制栏的下载按钮怎么办?

看到有人说用css 方式可以:

video::-webkit-media-controls-enclosure {

overflow:hidden;

}

video::-webkit-media-controls-panel {

width: calc(100% + 30px);

}


其实还有一种方式,更简单。

controlslist=”nodownload” 去掉下载按钮

controlslist=”nofullscreen“ 去掉全部,只显示播放进度

<audio src="XXX.MP4" controls="controls" controlslist="nodownload"></audio>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: