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

小秋同学 12-04 12:03:14 网站教程

默认

摘要： 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>`

标签： vieo属性标签 HTML代码

文章版权及转载声明：

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

施舍