1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > 控制 video 标签的控制栏组件(隐藏 显示进度条 播放按钮 全屏按钮等)

控制 video 标签的控制栏组件(隐藏 显示进度条 播放按钮 全屏按钮等)

时间:2023-05-22 09:35:40

相关推荐

控制 video 标签的控制栏组件(隐藏 显示进度条 播放按钮 全屏按钮等)

当 video 标签添加上controls 属性时,页面上会显示出所有的控制组件。若有些组件不需要只需要在css中设置相关属性把它隐藏掉即可。

<video controls></video>

//全屏按钮video::-webkit-media-controls-fullscreen-button {display: none;}//播放按钮video::-webkit-media-controls-play-button {display: none;}//进度条video::-webkit-media-controls-timeline {display: none;}//观看的当前时间video::-webkit-media-controls-current-time-display{display: none; }//剩余时间video::-webkit-media-controls-time-remaining-display {display: none; }//音量按钮video::-webkit-media-controls-mute-button {display: none; }video::-webkit-media-controls-toggle-closed-captions-button {display: none; }//音量的控制条video::-webkit-media-controls-volume-slider {display: none; }//所有控件video::-webkit-media-controls-enclosure{ display: none;}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。