m3u8在线播放,兼容pc

来源:赵克立博客分类: HTML5 标签：--发布时间:2019-12-31 09:29:50最后更新:2019-12-31 09:29:50浏览:1281

本文为博主原创文章，转载请声明原文链接...谢谢。o_0。

原文链接:

http://www.zhaokeli.com /article/8618.html

更新时间：

2019-12-31 09:29:50

温馨提示：

学无止境,技术类文章有它的时效性,请留意文章更新时间,如发现内容有误请留言指出,防止别人"踩坑",我会及时更新文章

<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>
<video id="video"></video>
<script>
var sc = document.createElement('script');
sc.src = 'https://cdn.jsdelivr.net/hls.js/latest/hls.min.js';
document.getElementsByTagName('head')[0].appendChild(sc);
setTimeout(function() {
    if (Hls.isSupported()) {
        var video = document.createElement('video');
        video.controls = true;
        document.getElementsByTagName('body')[0].appendChild(video);
        var hls = new Hls();
        hls.loadSource('https://www.bxd365.com/ali/ajaxm3u8/af_id/654/action/.m3u8');
        hls.attachMedia(video);
        hls.on(Hls.Events.MANIFEST_PARSED, function() {
            video.play();
        });
    }
}, 2000);
</script>