h5自带的 video标签禁止下载按钮教程

小秋同学 12-04 12:03:14 网站教程
摘要:  h5自带的 video标签 ,会有个下载按钮,有时候想避免,就可以利用样式的方法    <style type="text/css">     &摘要:  h5自带的 video标签 ,会有个下载按钮,有时候想避免,就可以利用样式的方法    <style type="text/css">     &

 h5自带的 video标签 ,会有个下载按钮,有时候想避免,就可以利用样式的方法

复制代码
    <style type="text/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);
            }        </style>
复制代码

 

原标签如下

h5自带的 video标签禁止下载按钮教程(图3)

 

h5自带的 video标签禁止下载按钮教程(图4)

 

 

修改后

h5自带的 video标签禁止下载按钮教程(图5)

 

 

pc上 可以用 

1
<video controls controlsList="nodownload"></video>


文章版权及转载声明:

编辑:小秋同学本文地址:https://www.qiuhai.com/study/902.html发布于 12-04 12:03:14
文章转载或复制请以超链接形式并注明出处学习吧_一个不错的学习网站
本站文章如没有特殊说明,均采集网上收集,若要转载请务必注明出处,尊重他人劳动成果共创和谐网络环境。 声明:某些文章来源于网络,所采集的到信息本站只为传递信息和分享,不做任何双方证明,也不承担任何法律责任。 文章内容若侵犯你的权益,请联系本站客服删除!

觉得文章有用就施舍一下文章作者

支付宝施舍

微施舍

阅读
分享
加入收藏

发表评论
加载中~