如何用video.js在m3u8中选择频道

Question

我正在使用video.js播放m3u8，这个文件包含多个频道。我想要显示频道列表，并选择其中任何一个播放。我已经搜索过了，但是我找不到这个函数。这是源代码

<video-js id="my_video_1" class="vjs-default-skin" controls preload="auto" width="640" height="268">
    <source src="--m3u8 file path--" type="application/x-mpegURL">
  </video-js>

  <script src="https://unpkg.com/video.js/dist/video.js"></script>
  <script src="https://unpkg.com/@videojs/http-streaming/dist/videojs-http-streaming.js"></script>

  <script>
    var player = videojs('my_video_1');

  </script>

这是我的m3u8文件内容

#EXTM3U 
#EXTINF:0,##### |AR| MOROCCO ##### 
line.ma-cobra.com:80/Cesar2/Y5SNvNqGfyxH3Qb/3547 
#EXTINF:0,|AR| CORONA VIRUS INFO 
line.ma-cobra.com:80/Cesar2/Y5SNvNqGfyxH3Qb/113221 
#EXTINF:0,|AR| AL AOULA INTER 
line.ma-cobra.com:80/Cesar2/Y5SNvNqGfyxH3Qb/2189 

现在有3个urls (我称之为频道，我不知道是否可以称之为频道)，所以我想要显示包含这3个链接的菜单，并想单击其中一个来查看它。谢谢

Answer 1

这是文档video.js。我想你要找的，是改变视频的来源。创建实例时，您可以使用任何事件更改源。

var player = videojs('some-video-id');

player.src({
  src: 'https://link.to./file.m3u8',
  type: 'application/x-mpegURL',
});