怎么播放m3u8格式的视频

happyboyjia · happyboyjia

本帖最后由 happyboyjia 于 2022-8-19 10:07 编辑

豪～豪发表于 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();

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