Video控件的显示与隐藏

最新推荐文章于 2024-07-07 16:25:55 发布

_FEE

最新推荐文章于 2024-07-07 16:25:55 发布

阅读量1.3w

点赞数 3

CC 4.0 BY-SA版权

分类专栏： HTML 文章标签： H5

本文链接：https://blog.csdn.net/Randy_Shenyp/article/details/83026744

HTML 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用CSS隐藏HTML视频播放器上的特定控件，如全屏按钮、下载按钮等，同时展示如何通过代码控制视频的所有控件显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

隐藏控件：

video::-webkit-media-controls-fullscreen-button {
    display: none;
}
video::-webkit-media-controls-play-button {}
video::-webkit-media-controls-timeline {}
video::-webkit-media-controls-current-time-display{}
video::-webkit-media-controls-time-remaining-display {}
video::-webkit-media-controls-mute-button {}
video::-webkit-media-controls-toggle-closed-captions-button {}
video::-webkit-media-controls-volume-slider {}

隐藏下载按钮：