0

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" class="img-thumbnail" 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

Nwp _
  • 21
  • 4

2 Answers2

0

"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;
}
VC.One
  • 14,790
  • 4
  • 25
  • 57
0

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;
}

see also the following sources:

glmvc
  • 36
  • 2
  • 5