我发现部分安卓手机使用video标签播放视频的时候会自带一个下载按钮,一般产品大多都不需要这一功能,那如何屏蔽下载按钮呢?有下面两种,请一定使用第一种方式,使用css控制会有兼容性问题,建议不要使用这种方案。
第一种方式,通过原生方式 nodownload in controlsList 控制button显示,audio标签也适用
<video width="400" height="300" controls controlsList="nodownload">
<source data-src="test.ogg" type="video/mp4">
</video>
另一种方式通过css控制video标签的外观(坑一踩,有兼容问题,不要使用!!)
video::-internal-media-controls-download-button {
display:none;
}
video::-webkit-media-controls-enclosure {
overflow:hidden;
}
video::-webkit-media-controls-panel {
width: calc(100% + 30px); }