html中如何移除video下载按钮

我发现部分安卓手机使用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); 

}

 

posted @ 2018-09-03 14:34  JoVee  阅读(3208)  评论(1编辑  收藏  举报