css 如何在HTML中隐藏视频的进度条

wmomyfyw 于 2023-01-27 发布在其他

关注(0)|答案(2)|浏览(421)

我正在尝试使用webkit，但没有成功

#videoP::-webkit-progress-value {
     display: none;
}

#videoP::-webkit-progress-bar {
    display: none;
}

这是我的视频代码在html

<video id="videoP" class="img-thumbnail" controls>
    <source src="test.mp4" type="video/mp4">
     Your browser does not support the video tag.
</video>

我想隐藏一个HTML格式的视频进度条，就像YouTube广告一样。
请帮帮我

css

来源：https://stackoverflow.com/questions/75225650/how-to-hide-the-progress-bar-of-a-video-in-html

2条答案

按热度按时间

mfpqipee1#

“我想在HTML中隐藏视频的进度条..."*

也许您需要**-webkit-media-controls-timeline**？
检查此CSS设置是否提供预期结果：

#videoP::-webkit-media-controls-timeline 
{
    display: none;
}

赞(0）回复(0）举报 2023-01-27

wrrgggsh2#

我将这个answer用于类似的问题。
我想你要找的是这个特定的css伪元素：

#videoP::-webkit-media-controls-timeline {
  display: none;
}

另见以下资料来源：

赞(0）回复(0）举报 2023-01-27

我来回答

css 如何在HTML中隐藏视频的进度条

2条答案

相关问题

热门标签

最新问答