网页播放 .m3u8 视频文件

1,使用 dplayer,官网上有例子

<link href="https://cdn.bootcss.com/dplayer/1.25.0/DPlayer.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<script src="https://cdn.bootcss.com/dplayer/1.25.0/DPlayer.min.js"></script>
<div id="dplayer"></div>
<script>
    const dp = new DPlayer({
    container: document.getElementById('dplayer'),
    video: {
        url: '这个放你自己的视频文件.m3u8',
        type: 'customHls',
        customType: {
            customHls: function(video, player) {
                const hls = new Hls();
                hls.loadSource(video.src);
                hls.attachMedia(video);
            },
        },
    },
});
</script>

2,用的是阿里云的对象储存服务,结果访问的时候报错了,是跨域问题

3,按照这篇文章设置就可以了,非常感谢!

https://wenhairu.com/Tencent-CDN-Access.html

 

来源：CSDN

作者：七个包

链接：https://blog.csdn.net/qq_37500838/article/details/103463447