vue 视频隐藏controls功能按钮

 /*video默认全屏按钮*/video::-webkit-media-controls-fullscreen-button{ display: none !important; }/*video默认aduio音量按钮*/video::-webkit-media-controls-mute-button { display: none !important;}/*video默认setting按钮*/video::-internal-media-controls-overflow-button{ display: none !important;}/*隐藏controls中的音量控制*/
video::-webkit-media-controls-volume-slider, video::-webkit-media-controls-mute-button { //隐藏android端video标签自带的音量调节按钮display: none;
}/*其实这倒不是什么大问题，但是为了样式统一，以及方便监控事件，可以在css中取消这个按钮*/
video::-webkit-media-controls-start-playback-button { //video视频不显示默认的中心的play iconopacity: 0;
}/*禁用video的controls（要慎重！不要轻易隐藏掉，会导致点击视频不能播放）*/
video::-webkit-media-controls {display:none !important;
}

video::-webkit-media-controls-panel
video::-webkit-media-controls-play-button
video::-webkit-media-controls-volume-slider-container
video::-webkit-media-controls-volume-slider
video::-webkit-media-controls-mute-button
video::-webkit-media-controls-timeline
video::-webkit-media-controls-current-time-display
video::-webkit-full-page-media::-webkit-media-controls-panel
video::-webkit-media-controls-timeline-container
video::-webkit-media-controls-time-remaining-display
video::-webkit-media-controls-seek-back-button
video::-webkit-media-controls-seek-forward-button
video::-webkit-media-controls-fullscreen-button
video::-webkit-media-controls-rewind-button
video::-webkit-media-controls-return-to-realtime-button
video::-webkit-media-controls-toggle-closed-captions-button

vue 视频隐藏controls功能按钮相关推荐

原生video标签隐藏底部功能按钮
原生video标签隐藏底部功能按钮一.controlslist属性(只有3个配置项) 二.shadow DOM 1.查看shadow DOM(第一种) 2.查看shadow DOM(第二种) ①操作 ...
使用vue控制video视频和弹幕功能
2020-02-19 前两天想说练一下vue,就按照bilibili写了一个demo(我第一次放这种模仿的页面,如果有哪里不合适的请告诉我哈),就写了比较核心的首页和视频播放页,包括控制视频和弹幕渲染 ...
android相册隐藏拍照按钮,你绝对不知道的4大手机“隐藏”拍照功能！学会100%惊艳朋友圈！...
原标题:你绝对不知道的4大手机"隐藏"拍照功能!学会100%惊艳朋友圈! 作者 | 蚂蚁MaE 编辑 | 智慧 Hello大家早上好鸭~我是智慧最近我在朋友圈发了一张照片底下都 ...
名编辑电子杂志大师教程 | 隐藏不需要的功能按钮
在名编辑电子杂志大师的设计设置面板,您可以对flash翻页电子杂志的工具栏按钮设置,选择隐藏或者显示这些按钮. 对工具栏按钮进行设置的好处是可以选择性的选取想要的按钮,隐藏不需要的功能按钮,从而简化了 ...
《Adobe Premiere Pro视频编辑指南（第2版）》——自定制Source/Program的功能按钮
本节书摘来自异步社区<Adobe Premiere Pro视频编辑指南(第2版)>一书中的第2章,自定制Source/Program的功能按钮,作者 [美]Richard Harringt ...
在FCKeditor 2.6中添加插入视频和音频功能
2019独角兽企业重金招聘Python工程师标准>>> 本文转载在FCKeditor 2.6中添加插入视频和音频功能这里有两种方式,一是自己修改,二是使用插件 1.自己修改 FC ...
vue 背景透明度_一款媒体小白喜爱的视频编辑软件，vue视频编辑APP，想学就来...
大家好,我今天利用这半个多小时的时间里,我们共同学习下一款手机剪辑软件,名字叫 VUE Vlog视频剪‎辑软件. 在学习之前‎,我‎想首先感谢让我们相遇‎在‎这个互联网‎时代‎,再要‎感谢‎这‎个平台 ...
vue之神奇的动态按钮
今天我们将利用vue的条件指令来完成一个简易的动态变色功能按钮首先我们还是要对vue进行配置,在上篇随笔中有相关下载教学. 然后我们要在html页面上搭建三个简易的按钮,颜色分别为紫,绿和蓝(颜色随 ...
抖音app开发时，在录制视频添加背景音乐功能实现流程
抖音app之所以"横扫"整个短视频领域,最主要的还是占据了短视频玩法的"先机",其中在录制视频时添加背景音乐,是很多用户都非常喜欢的步骤,但是在抖音app开发时 ...

vue 视频隐藏controls功能按钮

vue 视频隐藏controls功能按钮相关推荐

最新文章

热门文章