AI 助理
备案控制台
开发者社区 云计算 文章 正文

video 预览图 -去掉下载和全屏按钮

2022-05-11 334
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 谷歌浏览器版本是54.0-57.0之间，并且也出现了视频右下角有按钮的情况都可以使用下面的代码。 
controlslist=”nodownload” 去掉下载按钮 
controlslist=”nofullscreen“ 去掉全屏按钮，只显示播放进度
poster="./1.jpg" //图片地址就行


谷歌浏览器版本是54.0-57.0之间，并且也出现了视频右下角有按钮的情况都可以使用下面的代码。

解决方法：

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


38J4IV`0AO@ESS(CI8RAL9J.png

$09[~CI]ZE58}VI~{EAMQ1P.png

Q2RSWLCZ694V$V7SXAUPT[O.png

H2`[Q0VE[~@IS%9FWY0OWRF.png

LR}7O4U$K%5KP[S3@_HXCS5.png    

W`NDUP3_S8SBC5A$@5MHD53.png




云高风轻
目录
相关文章
你挚爱的强哥
|
8月前
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M
你挚爱的强哥
443 0
疯狂的猿
|
2月前
|
JavaScript
js实现的精美彩色tab选项卡切换特效源码
js实现的精美彩色tab选项卡切换特效源码是一段基于JS实现的文件夹tab选项卡切换效果，拥有彩色、单色两种选择，点击标签选项卡可实现相应的变色效果，非常有意思，欢迎对此段代码感兴趣的朋友前来下载使用。
疯狂的猿
33 2
小粉蛋
|
8月前
|
JavaScript 容器
富文本的图片添加点击放大功能
思路：富文本加载后，dom出全部img元素，然后各自单独添加点击事件
小粉蛋
283 3
高二的笔记
|
8月前
Qt鼠标悬浮在图片上显示删除字样
Qt鼠标悬浮在图片上显示删除字样
高二的笔记
94 0
兜里只有三分钱~
点击视频播放切换隐藏--添加播放图片按钮
点击视频播放切换隐藏--添加播放图片按钮
兜里只有三分钱~
99 0
游客5iyiu2o7vjvko
|
前端开发 容器
使用resize实现强大的图片拖拽切换预览功能
本文将介绍一个非常有意思的功能，使用纯 CSS 利用 resize 实现强大的图片切换预览功能。类似于这样：
游客5iyiu2o7vjvko
131 0
清雨小竹
VC下利用Picture控件实现png图片按钮（鼠标初始、按下、松开、获得焦点四种状态）
VC下利用Picture控件实现png图片按钮（鼠标初始、按下、松开、获得焦点四种状态）
清雨小竹
140 0
hahacai
点击图片或者鼠标划过切换样式的另一种写法
点击图片或者鼠标划过切换样式的另一种写法
hahacai
70 0
长沙红胖子Qt
|
存储
PS实用技巧：用原始图片制作显示（正常状态）、鼠标悬浮(hover)、鼠标点击(pressed)的方法
PS实用技巧：用原始图片制作显示（正常状态）、鼠标悬浮(hover)、鼠标点击(pressed)的方法
长沙红胖子Qt
415 0
PS实用技巧：用原始图片制作显示（正常状态）、鼠标悬浮(hover)、鼠标点击(pressed)的方法
狼人2007
|
Web App开发 JavaScript 前端开发
Android---文本中缩略图点击弹出大图效果实现
　　很久没有写博客了，这两天一直忙于一个关于考试的项目，将其中的一些效果实现的经验写下来，希望给看到的人或者给有这方面需求的人帮助。 　　首先来张效果图，没有经过美工处理的 实现基本功能 　　其实做这个项目复习了很多内容，将之前单个项目中用到的某些功能综合到一起了，例如1、自定义标题栏2、Java和JavaScript的互调3、Activity实现仿Dialog样式4、多线程实现考试倒计时5、退出Activity时保存配置信息（考试剩余时间）6、熟悉UI布局 　　上面这些效果中，讲讲通过Java和JavaScript互调实现点击文本中缩略图弹出一个大图。
狼人2007
1276 0

热门文章

最新文章

  • 1
    指数退避（Exponential backoff）在网络请求中的应用
  • 2
    流批一体的近实时数仓的思考与设计
  • 3
    【实战】锐捷AC+AP配置WLAN基本服务系列
  • 4
    丰富、连接、待集成—MaxCompute 生态再出发
  • 5
    为什么说流处理即未来？
  • 6
    Nginx报错403 forbidden几个解决方法
  • 7
    securecrt克隆会话与sshd 的 MaxSessions
  • 8
    Win7系统DIY工具 v 1.0
  • 9
    js 正则 数值验证
  • 10
    linux下java 调用 c jni 实现 HelloWorld
  • 1
    《docker高级篇（大厂进阶）：1.Docker复杂安装详说》包括：安装mysql主从复制、安装redis集群
    32
  • 2
    新版灵码AI程序员体验简评
    46
  • 3
    【SpringFramework】Spring IoC-基于注解的实现
    33
  • 4
    「Mac畅玩鸿蒙与硬件49」UI互动应用篇26 - 数字填色游戏
    36
  • 5
    《基因测序新视界：人工智能的关键赋能》
    36
  • 6
    《智启工业新篇：人工智能驱动的故障预测性维护》
    29
  • 7
    《驯服“过拟合”之兽：守护人工智能算法的精准与稳健》
    26
  • 8
    《特征工程：自动化浪潮下的坚守与变革》
    26
  • 9
    《智破光影迷宫：人工智能图像识别的进阶挑战》
    17
  • 10
    Qwen for Tugraph:自然语言至图查询语言翻译大模型微调最佳实践
    44

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册

    • 相关实验场景

    更多
  • 快速实现摄像头视频画面的远程预览
    • 下一篇
    手把手教你白嫖阿里云服务器(免费领服务器)