how to hide the progress bar of a video in HTML-CodePudding

i'm try use webkit but it didn't work

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

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

this my video code in html

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

i want hide the progress bar of a video in HTML like a youtube ad.

please help me

CodePudding user response：

"I want to hide the progress bar of a video in HTML..."

Maybe you want -webkit-media-controls-timeline?

Check if this CSS setting gives you the expected result:

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

CodePudding user response：

I refer to this answer to a similar question.

I think what you are looking for is this specific css pseudo-element:

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