去掉video标签自带的下载按钮

最新推荐文章于 2024-10-10 11:51:08 发布

weixin_30591551

最新推荐文章于 2024-10-10 11:51:08 发布

阅读量940

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/chefweb/p/7388049.html

本文介绍了一种方法来隐藏网页中视频播放控件的下载按钮，并调整了控件的显示样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

video::-internal-media-controls-download-button {
  display:none;
}

video::-webkit-media-controls-enclosure {
  overflow:hidden;
}

video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
}

转载于:https://www.cnblogs.com/chefweb/p/7388049.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30591551

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

去掉Ueditor中的video下载

rhymeXmoves的博客

01-15

409

实现方法添加：controlsList=“nodownload” 搜索到位置 ueditor.all.js case 'video': str = '<embed src="' + utils.html(url) + '" width="' + width + '" height="' + height + '"' + (align ? ' style="float:' + align + '"': '') + 'contr.

JS 原生video元素去掉下载按钮

cy_baicai的博客

01-26

9668

audio src="xxx.mp4" controls="controls">audio> 通常我们都是这样写一个video元素，这样写的会在浏览器下显示视频的控制栏出来，加入我们不需要控制栏的下载按钮怎么办？看到有人说用css 方式可以: video::-webkit-media-controls-enclosure {overflow:hidden;}video::

参与评论您还未登录，请先登录后发表或查看评论

video标签去除下载按钮

热门推荐

樊小书生

10-29

1万+

HTML中直接使用video来播放视频，在Chrome浏览器、360浏览器、QQ浏览器（以及其他一些使用Chrome内核Blink）等中都会出现下载按钮，但我们一般又不希望出现下载按钮。好像是从Chrome 54版本开发有下载按钮的（从网上看到的，我也不确定），网上有css解决方案，如下： video::-internal-media-controls-download-button { ...

原生video标签如何去掉下载按钮

lj_1598的博客

10-10

1080

【代码】原生video标签如何去掉下载按钮。

如何隐藏 video 元素的下载按钮

weixin_30664051的博客

01-16

876

1. 使用video元素的ControlList API <video controls controlsList="nodownload"></video> 通过 ControList API，不仅可以通过设置nodownload来隐藏下载按钮，还可以设置nofullscreen隐藏全屏按钮, 以及noremoteplayback等属性，具体...

新版chrome浏览器video播放去掉自带的“播放速度，下载”按钮，去掉右下角三个点

weixin_39725702的博客

10-23

4223

问：新版chrome浏览器如何去掉video播放自带的“播放速度”按钮答：给video设置属性 controlsList=‘nodownload noplaybackrate’ <video controls src="1.mp4" controlsList="nodownload noplaybackrate"></video>

h5隐藏video控制按钮controls（腾讯云点播禁用video音量全屏等按钮）

jiajia199470的博客

12-27

1万+

前言昨天app的同事（ios跟安卓）发现webview的video全屏按钮有问题，他们想禁用掉全屏、音量控制的按钮，前端同事A在根据api设置disable_full_screen=1（pc端falsh平台生效），但全屏按钮依旧存在，觉得腾讯api没做好坚持要换掉一直在用的腾讯云点播。个人觉得移动端采用video浏览器控件，换哪个云点播都一样，故帮忙解决禁用隐藏video内部controls功能...

video怎么去掉控件

weixin_70245286的博客

08-23

1222

video怎么去掉控件

video 标签禁用空格键暂停视频，js怎么暂停

最新发布

07-22

我们有一个需求：禁用video标签的空格键暂停功能，并实现自定义暂停。根据引用内容，我们知道空格键默认会触发播放/暂停，但有时会与页面滚动冲突。我们想要禁用这个默认行为，然后通过其他方式（比如自定义按钮）来...

cocos2d-x视频控件VideoPlayer的用户操作栏进度条去除

的博客

05-07

5869

cocos目前出了新的视频播放器控件，仅支持ios和android平台，不支持window平台。项目打算使用一段视屏片头，所以使用该视频控件来播放片头。目前遇到两个问题：（1）视频控件移除有问题，会报异常。（2）视频控件有用户操作栏，用户点击屏幕会停止视频播放。对于第一个问题，主要是移除控件时冲突引起的，目前简单处理是做一个延时处理，先stop视频播放，然后一个Action移除自身，如下：

js实现页面视频video标签禁止下载（下载按钮+右击菜单）

Dreamingnini的博客

12-08

2299

项目需求：禁止用户浏览页面的时候下载页面的视频解决：网页上下载视频的方法有两种 1、视频自带的下载按钮 2、右击页面出现菜单中的“另存为”

去掉video 自带的下载

weixin_48791929的博客

06-19

968

去掉video 自带的下载属性 css video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } 给 video 添加属性 controlsL

video去除下载按钮

yijie_0_的博客

06-14

572

video去除下载按钮

html中如何移除video下载按钮

weixin_30352645的博客

09-03

562

我发现部分安卓手机使用video标签播放视频的时候会自带一个下载按钮，一般产品大多都不需要这一功能，那如何屏蔽下载按钮呢？有下面两种，请一定使用第一种方式，使用css控制会有兼容性问题，建议不要使用这种方案。第一种方式，通过原生方式nodownload in controlsList 控制button显示，audio标签也适用 <video width="400" height=...

原生video标签去掉右下方下载按钮

我叫陈小皮。

09-19

3642

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

完美解决video标签控件的隐藏与使用

曹焱的博客

03-25

1万+

<video ref="video" playsinline="true" x-webkit-airplay="true" x5-playsinline="true" webkit-playsinline="true" x5-video-player-ty...

在react vue 原生隐藏视频video控制台的下载按钮，禁止显示下载按钮简单通用

坚定的其其

09-04

4348

很久没登录博客了，今年一直在忙WebIM和WebRTC,比搬砖还累，还好最近缓过来了哈哈，开始分享这次的内容吧。 video标签加了'controls'后会有个下载按钮，并且下载的地址也默认指向了被处理过后的blob:播放源，这个按钮是无法下载的，去掉方法有几种，我的方式是在componentDidMount周期里操作dom去改变属性， VUE的话可以在mounted里操作，方式1： ...

video组件——禁用下载功能——基础积累

yehaocheng520的博客

08-29

6413

video组件——禁用下载功能——基础积累

隐藏video下载按钮

oneyJiang

07-16

2617

现在网页中涉及到视频时我们一般会选择用h5新增的video标签，神烦的是系统会自动给video标签加上一些我们不需要的按钮，比如下载按钮。在很多情况下，点击下载按钮网页会直接崩溃掉，所以提供下隐藏下载按钮的方法 1. css方式这种方式有个弊端，视频宽度不同时控制器加减的尺寸也不同，要具体调节，还有就是播放图标会向右偏移。页面不美观 video{ width:...

video标签怎么去掉下载按钮

12-14

在HTML中，`<video>` 标签本身并不会自动添加下载按钮。通常，浏览器会提供右键菜单中的“另存为”选项来下载视频内容，这是浏览器的功能而非HTML规范。如果你想禁用用户直接通过鼠标操作下载视频，可以尝试以下几种...