html5 m3u8 直播,html5 让video支持m3u8播放

我在网上查了半天，也测试了几个，但是最终我选择的是hls.js

hls.js Git

基本使用

var video = document.getElementById('video');

var videoSrc = 'https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8';

if (Hls.isSupported()) {

var hls = new Hls();

hls.loadSource(videoSrc);

hls.attachMedia(video);

hls.on(Hls.Events.MANIFEST_PARSED, function() {

video.play();

});

}else if (video.canPlayType('application/vnd.apple.mpegurl')) {

video.src = videoSrc;

video.addEventListener('loadedmetadata', function() {

video.play();

});

}

视频展示