我正在使用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个网址(我称其为频道,我不知道是否正确调用此频道),所以我想显示包含这3个链接的菜单,并想单击其中的一个来查看。谢谢
这是文档video.js。我认为您正在寻找的是更改视频的来源。创建实例时,可以使用任何事件更改源。
var player = videojs('some-video-id');
player.src({
src: 'https://link.to./file.m3u8',
type: 'application/x-mpegURL',
});