西瓜播放器

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>

Vue中使用就按照文档操作即可，与上述代码基本一致，无非注意在页面加载完成后再初始化即可