video标签隐藏右下角的下载——已解决

最新推荐文章于 2025-09-12 14:47:00 发布

原创最新推荐文章于 2025-09-12 14:47:00 发布 · 2.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#video #隐藏右下角标签

前端相关手记同时被 2 个专栏收录

33 篇文章

订阅专栏

CSS

2 篇文章

订阅专栏

本文介绍了一种方法，用于隐藏HTML5视频播放器的下载按钮，并调整了媒体控件的显示效果，包括隐藏溢出部分和修改面板宽度。

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

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

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ansheng02

关注关注

0
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

VLM 系列——Qwen2 VL——论文解读

TigerZ*的博客

09-30

1312

qwen2-vl 是一系列多模态大型语言模型（MLLM），其中包括2B、7B、72B三个版本，整体采用视觉编码器（标准VIT输出后面接patch merger ）+ LLM形式。比较创新的是统一视觉处理方式（3D CNN统一视频、图片）+图像缩放方式（自适应缩放）+3D LLM位置编码。能够处理包括文本、图像在内的多种数据类型，具备图片描述、单图文问答、多图问对话、视频理解对话、json格式、多语言、agent、高清图理解（代码编写和debug论文暂时未提）。

图卷积神经网络笔记——第三章：空域图卷积介绍之过平滑现象及解决方法（2）

Ma Sizhou

06-21

4593

上一小节: 链接. 上一小节介绍了空域卷积中比较典型的4种模型，接下来介绍空间域图卷积局限性分析——过平滑现象目录一、图卷积神经网络回顾二、空间域图卷积局限性分析三、过平滑问题的若干缓解方案四、总结一、图卷积神经网络回顾由于上面缺点的存在，使得谱域图卷积不能实际使用，而造成这种缺点的原因是正交基UUU，那么能不能找到另外的基来代替呢？下面来看：为什么使用切比雪夫k阶多项式模拟卷积操作，这个k就代表k阶近邻呢？原因是因为K阶切比雪夫多项式需要对图拉普拉斯矩阵进行K次乘法计算，而图拉普拉斯矩阵.

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

去掉h5 voide标签中的下载按钮

猴霸天下

05-04

5032

video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: c

HTML页面原生VIDEO标签隐藏下载按钮功能

最新发布

11-28

- 引用[2]提到电脑右下角网络图标不见的解决方法，与时间显示无关。 - 引用[3]详细描述了如何设置电脑右下角显示秒钟（即系统时间显示设置），与用户查询的"视频右下角时间"相关度较高。用户需求解析：用户可能...

HTML基础教程（三十六）媒体之视频（Video）播放：别再用土味播放器了！HTML5视频标签竟是隐藏的瑞士军刀？

jxf_jxfcsdn的博客

09-08

629

还在用上古Flash播放器？HTML5视频标签早已进化成全能战士！本文将深度剖析video标签的强大功能，从基础操控到高级骚操作，揭秘如何用几行代码实现自定义播放器、响应式视频、流媒体播放。附可一键复用的代码示例，让你的视频体验瞬间逼格满满！

video标签控制器实现全屏播放怎么适配横竖屏

05-23

如果目标平台是基于微信环境，则可通过设置特定属性启用同层播放模式，从而移除右上角的“全屏”按钮并增强用户体验。 ```html <video src="example.mp4" controls x5-video-player-type="h5" x5-video-...

HTML5 video控件去掉右边下载按钮

cmm720的博客

07-11

3049

如上图所示，一般浏览器下HTML5 video控件不会出现下载按钮，只有谷歌浏览器会（低版本的右下角也不会有下载按钮) 。如果你的谷歌浏览器版本是54.0-57.0之间，并且也出现了视频右下角有按钮的情况都可以使用下面的代码。解决方法：video::-internal-media-controls-download-button { display:none;}video::-webki...

H5 webview vedio如何去掉视频下载按钮

风烟

01-14

1322

<video controls controlslist="nodownload" id="video" src=""></video>

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

weixin_30664051的博客

01-16

900

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

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

lj_1598的博客

10-10

1190

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

video视频播放器下载按钮隐藏

sinat_38992528的博客

08-23

599

打开你的视频内容页的模板文件，找到播放器代码 video，参考下图在video元素里加上两个属性。如果你想完全杜绝浏览器下载视频，接下来我们会提供一篇教程，已达到视频播放地址加密，防止被盗。如果你的视频播放器有类似上图的情况，按照以下教程新增代码，即可达到禁用视频右击、下载功能。声明：此方法并不能对市面上全部浏览器生效，比如：QQ浏览器暂时无法隐藏下载功能。oncontextmenu='return false' 禁止右击。controlslist='nodownload' 禁止下载。

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

我叫陈小皮。

09-19

3664

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视频标签隐藏下载功能，禁止右键另存为视频的操作

Mr_wangxiansheng的博客

06-16

2218

video视频标签隐藏下载功能，禁止右键另存为视频的操作

video标签隐藏全屏和下载按钮

(ง •_•)ง

12-24

2082

nofullscreen隐藏全屏按钮，nodownload隐藏下载按钮，可单独使用也可以一起使用。 <video width="600" height="400" controls controlsList='nofullscreen nodownload' > <source src="mp4/01.mp4" type="video/mp4"> </video...