当前位置:Gxlcms > html代码 > VIDEO屏蔽下载功能

VIDEO屏蔽下载功能

时间:2021-07-01 10:21:17 帮助过:34人阅读

这次给大家带来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); 
}

说白了就是把下载按钮移动到视窗外面,但是这些CSS找了好久啊!!

这种方法并不能真正阻止视频的下载,“有心”的用户还是可以在缓存文件里找到加载过的视频文件的,所以就像标题写的一样,只是隐藏。

真正的阻止视频的下载还是需要通过服务器端对视频地址进行加密验证。

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

Vue.js开发mpvue框架步骤详解

jquery fullpage插件添加头部与尾部版权相关

以上就是VIDEO屏蔽下载功能的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行