推荐一款好用的M3u8播放器，西瓜播放器

最新推荐文章于 2024-08-22 06:38:21 发布

嘿嘿小王同学

最新推荐文章于 2024-08-22 06:38:21 发布

阅读量1.7k

点赞数 4

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_61179633/article/details/138347829

版权

这篇文章介绍了如何在HTML中通过`xgplayer.js`和`xgplayer-hls.js`嵌入西瓜播放器，处理直播流的HLS格式，并在Vue中遵循文档进行适当调整，确保在页面加载完成后自动播放。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

西瓜播放器

HTML中使用，我这是下载到本地了

  <script src="./js/xgplayer/xgplayer.js"></script>
    <script src="./js/xgplayer/xgplayer-hls.js.js"></script>
    <script>
          $(function(){ 

            new HlsJsPlayer({
                //html中元素的id
                id: 'videoh5',
                //直播流
                url: 'https://gctxyc.liveplay.myqcloud.com/gc/hlzycc_1/index.m3u8?contentid=2820180516001',
                isLive: true,
                useHls: true,
                autoplay: true,
            });

           })
    </script>