怎么播放m3u8格式的视频

如题，比如这个资源  https://mgtv.sd-play.com/20220810/XUzVdNKo/index.m3u8我们可以用（PotPlayer）,来进行播放的，那么怎么在活字格里播放呢。



我在网上找到了  video.js  和  videojs-contrib-hls，但是不会用，，哪位大神可以教一教啊
GitHub - videojs/video.js: Video.js - open source HTML5 video player
GitHub - videojs/videojs-contrib-hls: HLS library for video.js

13794930121 发表于 2022-8-19 11:08

happyboyjia 发表于 2022-8-19 09:46
豪哥，你是用Chrome测试的么。我这里发现切换视频的时候。
我把页面加载命令换成了。
document.querySe ...

豪～豪 发表于 2022-8-18 17:16

豪哥，你是用Chrome测试的么。我这里发现切换视频的时候。
我把页面加载命令换成了。
document.querySelector("#"+Forguncy.Page.getCell("播放器")._pageCell.id+"_div").innerHTML = '<video id="myVideo" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" '+"data-setup='{}' style='width: 100%;height: 100%;'>"+'<source id="source" src="http://127.0.0.1:20000/hls/001.m3u8" type="application/vnd.apple.mpegurl"></source></video>'
加载成功了。但是切换成  http://127.0.0.1:20000/hls/002.m3u8 播放的时候，就出现了上图。

播放按钮中的JS为
document.querySelector("#source").src = Forguncy.Page.getCell("URL").getValue();

var myVideo = videojs('myVideo', {
                        type: 'application/vnd.apple.mpegurl',
                        bigPlayButton: true,
                        textTrackDisplay: false,
                        posterImage: false,
                        errorDisplay: false,
                })
myVideo.load();
myVideo.play();

我感觉是没有把新的视频地址放进去。  豪哥，你看看呢。               

happyboyjia 发表于 2022-8-18 14:53
有点小问题，就是连续播放的时候，播放不出来。

豪～豪 发表于 2022-8-10 15:14

有点小问题，就是连续播放的时候，播放不出来。

惊呆了，老铁~

Joe.xu 发表于 2022-8-11 12:03
这种格式确实音视频插件不太支持，看看其他大佬有没有什么方法可以分享，有金币奖励哦

这种格式确实音视频插件不太支持，看看其他大佬有没有什么方法可以分享，有金币奖励哦