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

简介: 谷歌浏览器版本是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




相关文章
|
1月前
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M
|
1月前
|
前端开发
el-upload上传一张图片后显示缩略图并隐藏添加图片按钮
el-upload上传一张图片后显示缩略图并隐藏添加图片按钮
106 1
|
1月前
Qt鼠标悬浮在图片上显示删除字样
Qt鼠标悬浮在图片上显示删除字样
点击视频播放切换隐藏--添加播放图片按钮
点击视频播放切换隐藏--添加播放图片按钮
|
前端开发 容器
使用resize实现强大的图片拖拽切换预览功能
本文将介绍一个非常有意思的功能,使用纯 CSS 利用 resize 实现强大的图片切换预览功能。类似于这样:
|
图形学
PPT制作三大技巧:图标 、图片背景透明和自动函数
PPT制作三大技巧:图标 、图片背景透明和自动函数
254 0
PPT制作三大技巧:图标 、图片背景透明和自动函数
PS实用技巧:用原始图片制作显示(正常状态)、鼠标悬浮(hover)、鼠标点击(pressed)的方法
PS实用技巧:用原始图片制作显示(正常状态)、鼠标悬浮(hover)、鼠标点击(pressed)的方法
PS实用技巧:用原始图片制作显示(正常状态)、鼠标悬浮(hover)、鼠标点击(pressed)的方法
Qt-网易云音乐界面实现-1 窗口隐藏拖拽移动,自定义标题栏
最近也换了公司,也换了新的工作,工资也象征性的涨了一点点,但是最近心里还是慌慌,不知道为什么,没有那种踏实感,感觉自己随时可以被抛弃的感觉。感觉自己在荒废时间,也感觉自己在浪费生命。
254 0
Qt-网易云音乐界面实现-1 窗口隐藏拖拽移动,自定义标题栏
|
Web App开发 JavaScript 前端开发
Android---文本中缩略图点击弹出大图效果实现
  很久没有写博客了,这两天一直忙于一个关于考试的项目,将其中的一些效果实现的经验写下来,希望给看到的人或者给有这方面需求的人帮助。   首先来张效果图,没有经过美工处理的 实现基本功能   其实做这个项目复习了很多内容,将之前单个项目中用到的某些功能综合到一起了,例如1、自定义标题栏2、Java和JavaScript的互调3、Activity实现仿Dialog样式4、多线程实现考试倒计时5、退出Activity时保存配置信息(考试剩余时间)6、熟悉UI布局   上面这些效果中,讲讲通过Java和JavaScript互调实现点击文本中缩略图弹出一个大图。
1248 0
video标签隐藏下载按钮
版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82796580 ...
1753 0