chrome浏览器去掉HTML5 video下载按钮

最新推荐文章于 2024-10-10 11:51:08 发布
最新推荐文章于 2024-10-10 11:51:08 发布
阅读量3.3k 收藏 1
点赞数 1
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37203608/article/details/80655617
版权 
视频播放器在谷歌浏览器一直显示有一个下载按钮，在其他浏览器没有，产品说不想让用户下载，让去掉下载按钮，
百度了很多说用css控制，试了都没效果，最后找到了这个方法，试了一下，可以去掉

<video width="512" height="380" controls controlsList="nodownload">
    <source data-src="mov_bbb.ogg" type="video/mp4">
</video>给video加 controlsList="nodownload"  
下载按钮就不见了


菲一菲
关注
专栏目录
Chrome浏览器web调试（js调试、css调试、篡改前置）
墨痕诉清风的博客
06-30 547
查看移动设备效果。
h5隐藏video控制按钮controls（腾讯云点播禁用video音量全屏等按钮）
jiajia199470的博客
12-27 1万+
前言 昨天app的同事（ios跟安卓）发现webview的video全屏按钮有问题，他们想禁用掉全屏、音量控制的按钮，前端同事A在根据api设置disable_full_screen=1（pc端falsh平台生效），但全屏按钮依旧存在，觉得腾讯api没做好坚持要换掉一直在用的腾讯云点播。个人觉得移动端采用video浏览器控件，换哪个云点播都一样，故帮忙解决禁用隐藏video内部controls功能...
新版chrome浏览器video播放去掉自带的“播放速度，下载”按钮，去掉右下角三个点
weixin_39725702的博客
10-23 3544
问： 新版chrome浏览器如何去掉video播放自带的“播放速度”按钮 答： 给video设置属性 controlsList=‘nodownload noplaybackrate’ <video controls src="1.mp4" controlsList="nodownload noplaybackrate"></video>
完美解决video标签控件的隐藏与使用
caoyan0829的博客
03-25 1万+
<video ref="video" playsinline="true" x-webkit-airplay="true" x5-playsinline="true" webkit-playsinline="true" x5-video-player-ty...
原生video标签如何去掉下载按钮
最新发布
lj_1598的博客
10-10 416
【代码】原生video标签如何去掉下载按钮。
html5 隐藏video控件的下载按钮
前进者
03-16 4333
最近在开发项目的时候，为了保证用户上传的视频资源不被其他用户下载，网页使用了html5的video标签进行视频播放所以需要禁止video标签自带的下载功能。 方法一： 给video对象绑定return false 该代码确实可以屏蔽掉右键另存， $('#video1').bind('contextmenu',function() { return false; }); 方法二：添加下面的样...
h5禁用浏览器下载视频_Chrome 浏览器最强扩展，支持 99% 视频格式下载
weixin_42519161的博客
12-14 1931
无论刷微博还是逛视频网站，平常总免不了要下载一两个视频。但很多机友肯定都发现了，现在视频网站的视频是越来越难下载。要么是一片一片的 m3u8 视频文件，下载麻烦，合并更麻烦。要么就是常规的下载器根本起不了作用，连视频内容在哪里都检测不到。对手机用户来说起码还有嗅探或录屏解决问题，网页端就很麻烦了，很多优秀的工具逐渐失效，几乎很难再找到哪个工具能像手机端一样方便。被这个问题困扰的估计不止我...
谷歌浏览器输入栏中的下载按钮是个什么鬼
python小菜鸡的博客
06-18 747
本文的标题是为了给那些跟我一样，不知道该怎么搜索关键字的同学准备的；无头苍蝇般的在网上找了好久，终于知道了它的学名PWA，OK有学名就知道该怎么搞，附上Vue项目的配置https://www.jianshu.com/p/7845a13a67d7 加油吧 ...
HTML页面原生VIDEO标签隐藏下载按钮功能
09-28
在默认情况下，浏览器会为`<video>`标签生成一套内置的媒体控制面板，其中包括播放、暂停、音量以及下载按钮。要隐藏下载按钮，我们可以利用浏览器特定的CSS伪元素选择器。以下代码片段展示了如何实现这一目标： ``...
html5 video 隐藏全屏按钮,如何隐藏HTML5视频标签的全屏按钮?
weixin_31524201的博客
06-03 2453
35I think you can accomplish this by changing the css for the #document fragments, these are DOM1 specs and supported by all browsers, but about the styling, I'm not sure.我认为您可以通过更改#document fragment的...
Html5本地媒体文件播放器（Chrome版）
09-30
自制，用Html5技术本地媒体播放器，虽然会有提示上传，但绝对不会将文件上传，仅用于获取授权。安全可靠。
appemit使用mplayer在谷歌chrome浏览器播放RTSP
appemit
01-03 1158
A 方案 VLC播放 B 方案mplayer播放 C方案 mpvPlayer播放 1、MPlayer简介 MPlayer(http://www.mplayerhq.hu/design7/news.html)是一款开源多媒体播放器，以GNU通用公共许可证发布。此款软件可在各主流作业系统使用，例如Linux和其他类Unix系统、Windows及Mac OS X系统。 MPlayer建基于命令行界面，在各作业系统也可选择安装不同的图形界面。mplayer的另一个大的特色是广泛的...
chrome腾讯视频网页版HTML5,谷歌浏览器无软件爬取腾讯视频源MP4视频
weixin_39832727的博客
06-04 1529
声明：本文仅为技术测试，非法用途请绕道~~~参考资料：1Safari版教程步骤：1、电脑端打开微信端含视频的文章2、打开浏览器开发者模式(Command + option + U)3、然后，刷新网页页面，开发者模式中找到”资源“→”所有资源”→”<>s-mp.weixin.qq.com”4、打开记事本，以txt格式(Ctrl+Shift+T)打开，粘贴浏览器贴开发者模式<>...
video 去掉画中画和下载功能
sky_sunshine_x的博客
12-25 5727
controlsList="nodownload" disablePictureInPicture
video取消控制栏属性
qq_41797053的博客
06-04 2157
video标签取消画中画功能 nodownload: 不要下载 nofullscreen: 不要全屏 noremoteplayback: 不要远程回放 disablePictureInPicture= true 不要画中画
video标签去除下载按钮
樊小书生
10-29 1万+
HTML中直接使用video来播放视频，在Chrome浏览器、360浏览器、QQ浏览器（以及其他一些使用Chrome内核Blink）等中都会出现下载按钮，但我们一般又不希望出现下载按钮。 好像是从Chrome 54版本开发有下载按钮的（从网上看到的，我也不确定），网上有css解决方案，如下： video::-internal-media-controls-download-button { ...
感受Chrome 69画中画功能
fcwr007的博客
10-09 2188
谷歌浏览器Chrome已经发布整整 10 周年了，在这个特殊的日子里，用户迎来了全新的 69 版本。这个版本不仅操作界面改用了更符合 Material Design 的扁平化设计，而且软件自身也增加了不少实用的功能，这其中画中画功能就是很多人梦寐以求的新功能。 使用过国产浏览器的用户都知道，在打开视频网站的播放页面时，都会发现浏览器里面提供了一个“画中画”的功能。这样用户就可以把视频播放窗口单独弹...
关于HTML5 video标签的视频不能自动播放和去掉下载选项的问题
热门推荐
kirinlau的专栏
12-25 2万+
项目demo中有遇到页面需要开场视频动画，需要点击才能进入主页，不考虑兼容性，自然想起的事html5的video标签可以播放视频，于是使用以下方法： &amp;amp;amp;amp;amp;lt;video width=&amp;amp;amp;amp;quot;100%&amp;amp;amp;amp;quot; height=&amp;amp;amp;amp;quot;100%&amp;amp;amp;amp;quot; autoplay=&amp;a
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值