HTML网页页面原生态VIDEO标识掩藏免费下载按钮作

在写web新项目的情况下,遇到简介网页页面有1个独立的简介视頻,仅有这1个短短的视頻因此沒有应用任何video组件,因此应用原生态video标识就想处理难题。

尽管简介视頻是是非非付费的,但也不期待会有免费下载按钮或能够视頻另存为,因此寻找1个能够看上去沒有免费下载作用的方式,做1下笔记。

要想掩藏以左右载按钮,3个款式便可以了,不空话立即贴编码:

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找了好长时间啊!!

这类方式其实不能真实阻拦视頻的免费下载,“有心”的客户還是能够在缓存文件文档里寻找载入过的视頻文档的,因此就像题目写的1样,只是掩藏。

真实的阻拦视頻的免费下载還是必须根据服务器端对视頻详细地址开展数据加密认证。

总结

以上所述是网编给大伙儿详细介绍的HTML网页页面原生态VIDEO标识掩藏免费下载按钮作用,期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!