Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Hide time-second scrollbar in video tag?

How I can hide time-second scrollbar in video tag using HTML or javaScript:

CHECK SCREENSHOT

Setting controls="false" as suggested by @Praveen removes all controls. I want to remove the time-second scrollbar.

Here is my code:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>
like image 422
Pavlo K Avatar asked Oct 15 '18 16:10

Pavlo K


1 Answers

It can be done through css. Add following line in css:

video::-webkit-media-controls-timeline {display: none;}
like image 91
sanjaya Avatar answered Oct 13 '22 10:10

sanjaya