Question

我希望从一开始就扩大体积,而不进行 mo曲。我指的是这一隐蔽因素:

我没有为它找到任何内在选择(足够安排)。我曾试图与国家安全局一道解决该问题,但没有成功。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Volume Volume Expanded</title>
    <link href="//vjs.zencdn.net/7.3.0/video-js.min.css" rel="stylesheet" />
    <script src="//vjs.zencdn.net/7.3.0/video.min.js"></script>
  </head>
  <body>
    <video
      id="my-player"
      class="video-js vjs-default-skin vjs-16-9 vjs-big-play-centered"
    >
      <source
        src="https://bitdash-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8"
        type="video/x-mpegURL"
      />
    </video>

    <script>
      videojs("my-player", {
        muted: true,
        autoplay: true,
        controls: true,
        controlBar: {
          children: {
            volumePanel: true
          }
        }
      });
    </script>
  </body>
</html>

Answer 1

You could change the style of volume control
DEMO: https://codesandbox.io/s/videojs-volumelevel-show-forked-6bcc4l

 .video-js .vjs-volume-panel .vjs-volume-control {
        visibility: visible;
        opacity: 100;
        width: 5em;
        height: 1px;
        margin-left: -1px;
 }

Answer 2

另一种解决办法。页: 1

<script>
    videojs("my-player", {
        muted: true,
        autoplay: true,
        controls: true,
        controlBar: {
            children: {
                muteToggle: true,
                volumeBar: true
            }
        }
    });
</script>

Answer 3

解决最近释放录像带的问题,对我来说是:

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal {
  width: 10em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
  opacity: 1;
}

友情链接