HTML页面原生VIDEO标签隐藏下载按钮功能-木庄网络博客

2022-02-04 22:32:21 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者不言，侵删。

这篇文章主要介绍了HTML页面原生VIDEO标签隐藏下载按钮功能，非常不错，具有参考借鉴价值，需要的朋友参考下吧

在写web项目的时候，遇到简介页面有一个单独的简介视频，只有这一个短短的视频所以没有使用任何video组件，所以运用原生video标签就想解决问题。

虽然简介视频是非付费的，但也不希望会有下载按钮或者可以视频另存为，所以找到一个可以看上去没有下载功能的方法，做一下笔记。

想要隐藏以上下载按钮，三个样式就可以了，不废话直接贴代码：

video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 50px); 
}

相关阅读 >>

html中的ol标签如何去掉标号呢？<ol>标签的使用方法总结

html dir标签是干啥的？<dir>标签的具体定义和属性介绍

header 标签是什么

更多相关阅读请进入《video》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » HTML页面原生VIDEO标签隐藏下载按钮功能

HTML页面原生VIDEO标签隐藏下载按钮功能

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论