文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
首页 > web前端 > html教程 > 正文

VIDEO屏蔽下载功能

php中世界最好的语言
发布： 2018-05-07 17:39:46
原创
4313人浏览过

这次给大家带来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找了好久啊！！

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

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

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

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

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

以上就是VIDEO屏蔽下载功能的详细内容，更多请关注php中文网其它相关文章！

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：Html5实现二维码扫描并解析 下一篇：移动端实现简单进度条
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
html中怎样让多个图片叠加 html图片叠加的5种方法轻松掌握 在HTML中实现图片叠加可以通过以下五种方法：1.使用绝对定位和透明度调整；2.利用z-index控制层叠顺序；3.应用background-image属性和background-blend-mode；4.通过clip-path实现部分叠加；5.使用SVG进行复杂叠加，每种方法都有其优劣势，选择时需考虑具体需求和浏览器兼容性。
2025-06-30 19:28:01
796
HTML怎么添加平滑滚动？ 实现HTML平滑滚动的核心方法是使用CSS的scroll-behavior:smooth;属性并配合锚点链接。1.在CSS中为html或body添加scroll-behavior:smooth;，以启用页面整体的平滑滚动效果；2.使用锚点链接实现页面内部导航，通过href指向对应id的元素；3.为增强滚动自然感，可引入smoothscroll-polyfill库或使用JavaScript自定义滚动动画，包括调整缓动函数和持续时间；4.兼容性方面，polyfill可提升旧浏览器支持度，而自定义JS
2025-06-30 19:15:01
136
HTML怎么设置日期选择器？ HTML实现日期选择器的方法有三种：1.使用HTML5的，简单但自定义性差；2.引入第三方库如flatpickr、jQueryUIDatepicker、react-datepicker，适合需要兼容性和高级定制的场景；3.自行用JavaScript和CSS构建，完全掌控但开发成本高。处理日期格式差异可借助JavaScript的toLocaleDateString()或日期库如Moment.js。限制日期范围时，原生方法可用min和max属性，第三方库通常提供minDate和maxDate配置。与
2025-06-30 19:14:02
855
HTML怎么添加分栏布局？ 要实现HTML分栏布局，可采用CSSGrid、Flexbox、CSSColumns或Float方法；1.CSSGrid适合复杂二维布局，通过grid-template-columns定义列并放置内容；2.Flexbox适用于一维布局，使用display:flex实现元素水平分布；3.CSSColumns用于快速将文本分列显示，通过column-count设定列数；4.Float为传统方式，需设置浮动方向与宽度，并注意清除浮动；选择时应根据项目复杂度和兼容性需求决定，响应式设计可通过媒体查询动态调
2025-06-30 19:08:02
848
html中summary标签什么意思_summary标签的默认样式调整 要修改HTML中summary标签的样式，可通过CSS直接设置其属性，使用::marker伪元素自定义展开折叠符号，若无法生效则可移除默认marker并用::before伪元素替代；此外，还可结合JavaScript动态调整样式。具体步骤如下：1.使用details>summary选择器修改背景色、内边距、边框等样式；2.通过summary::marker修改指示器样式，若无效则使用list-style:none和::before伪元素创建自定义符号；3.利用JavaScript监听toggle
2025-06-30 19:05:01
160
HTML如何创建立方体？transform-style怎么配合HTML？ 要创建一个立方体，关键在于使用HTML结构和CSS3D变换并保持3D空间关系。首先，用HTML搭建六个面，通过一个容器包裹整个立方体，并为每个面创建div；接着在CSS中设置样式，使用position:absolute对各面进行定位，并通过transform调整位置与朝向，同时必须设置transform-style:preserve-3d以维持子元素的3D空间效果；此外，外层容器需设置perspective来控制透视距离，translateZ值需准确匹配立方体半径；最后，可添加:hover交互效
2025-06-30 19:02:01
450
HTML怎么设置文本环绕效果？shape-outside应用 要实现文本环绕效果，需使用CSS的shape-outside属性。1.shape-outside允许定义形状让文本围绕，如circle()、ellipse()、polygon()等；2.必须配合float属性使用，元素需有明确尺寸；3.可通过url()使用图像透明区域定义形状；4.shape-margin设置文本与形状间距；5.注意与clip-path的区别，后者用于裁剪元素内容。掌握这些要点可灵活创建复杂文本环绕布局。
2025-06-30 18:59:05
760
html中怎么调整图片滤镜效果 CSS滤镜教程 调整HTML中图片的滤镜效果主要通过CSS的filter属性实现。1.使用blur(radius)进行模糊处理；2.brightness(amount)调整亮度；3.contrast(amount)改变对比度；4.grayscale(amount)转换为灰度图；5.hue-rotate(angle)应用色相旋转；6.invert(amount)反转颜色；7.opacity(amount)控制透明度；8.saturate(amount)调整饱和度；9.sepia(amount)转换为棕褐色；10.
2025-06-30 18:58:01
697
html中怎么调整表格行高 tr高度设置方法 调整HTML表格行高的最佳方法是通过CSS设置或的padding或height属性，而非直接设置。1.使用内联样式可快速实现，但不利于维护；2.内部样式表适用于单个文件，结构更清晰；3.外部样式表是最佳实践，便于全局维护和重用；4.使用CSS类可实现灵活控制，适用于不同行或单元格；5.直接设置高度可能无效，因其易被内容覆盖；6.行高自适应可通过padding和内容撑开实现，并配合overflow、word-break等属性优化显示效果；7.为确保浏览器兼容性，建议使用CSSReset或Norma
2025-06-30 18:35:01
455
html中如何添加动画效果？CSS动画实现指南 使用CSS动画提升网页用户体验的步骤包括：1.用@keyframes定义关键帧动画；2.通过animation属性将动画绑定到元素；3.通过伪类或JavaScript触发交互式动画；4.优化动画性能并注意兼容性。具体来说，先用@keyframes设定动画各时间点的表现，再通过animation简写或分写属性控制动画名称、时长、速度曲线、延迟和播放后状态，接着用:hover伪类或JavaScript在用户交互时触发动画，最后优先使用transform和opacity属性、避免过多动画、添加浏览器前
2025-06-30 18:30:02
113
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部