Home>

javascript : How to change the color of the scale in the video?

Now, it's white, striped, how can I change the color and make it blue or red?

<!DOCTYPE html><htmllang="en"><head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <title>video</title>  <script type="text/javascript" ></script><style>    * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    .video {
      -o-object-fit: cover;
      object fit: cover;
      position: fixed;
      width: 100%
      height: 100%;
      top: 0;
      left: 0;
             border:solid 3px#000;
 -webkit-border-radius:30px;
 -moz-border-radius:30px;
 border-radius: 30px
    }
  </style></head><body>  <video autoplay loop class="video" id="video" controls disablePictureInPicture controlsList="nodownload" >    <source type="video/mp4" src="1.mp4">  </video></body></html>

No way. This is the browser's default player and players may differ in different browsers. Only if you make up your player elements and connect the whole thing.

Pilaton2022-01-31 11:30:12

I'm not very up front, but isn't it possible to use meta tags like this video::-webkit-media-controls-timeline

Dmitry2022-01-30 22:17:53
javascript html css css3 html5