vue2中使用xgplayer播放流视频

1、官网

2、安装后无法播放时，经测试，需要降低版本

    "xgplayer-hls": "2.2.2",
    "xgplayer": "2.31.6"

改为以上版本可以正常播放

3、完整使用

（1）引入

import 'xgplayer'
import hlsjsPlayer from 'xgplayer-hls'

（2）初始化

      this.player = new hlsjsPlayer({
        id: 'myFlvVideo',
        url: 'http://playertest.longtailvideo.com/adaptive/bipbop/gear4/prog_index.m3u8',
        height: '100%',
        width: '100%',
        isLive: true,
        autoplay: true,
        playsinline: true,
        volume: 0, //音量
        screenShot: true, //截图
      })

（3）销毁

// 播放器销毁
this.player.destroy(true)