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

wmomyfyw  于 2023-01-27  发布在  其他
关注(0)|答案(2)|浏览(423)

我正在尝试使用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广告一样。
请帮帮我

mfpqipee

mfpqipee1#

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

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

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

wrrgggsh2#

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

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

另见以下资料来源:

相关问题