欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

html video 样式修改,修改video样式代码

发布时间:2025/3/15 编程问答 27 豆豆
生活随笔 收集整理的这篇文章主要介绍了 html video 样式修改,修改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{ overflow: hidden; }*/

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

原文:https://www.cnblogs.com/xiaojianwei/p/10880986.html

总结

以上是生活随笔为你收集整理的html video 样式修改,修改video样式代码的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。