视频.js http-stream解析质量选择器未显示在UI中-解网

问：

我正在尝试重新创建一个此处显示的球员 - https://videojs-http-streaming.netlify.app/

根据文档，这是我的 HTML。但缺少质量/分辨率控制

此 HTML 中需要更改哪些内容才能使该质量/分辨率选择器在播放器中呈现，如演示页面中所示。

<html>

<head>
  <link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
</head>

<body>

  <video-js id=example-video-hls class="vjs-default-skin" controls>
    <source src="https://d2zihajmogu5jn.cloudfront.net/bipbop-advanced/bipbop_16x9_variant.m3u8"
      type="application/x-mpegURL">
  </video-js>

  <script src="https://unpkg.com/video.js/dist/video.js"></script>
  <script src="https://unpkg.com/[email protected]/dist/videojs-contrib-quality-levels.js"></script>

  <script>
    var player = videojs('example-video-hls');
    player.play();
  </script>


</body>

</html>

http-live-streaming video.js http-streaming

视频.js http-stream解析质量选择器未显示在UI中

video.js http-streaming resolution quality picker not showing in UI

评论