西瓜视频播放器xgplayer如何播放m3u8格式视频

要使用xgplayer播放m3u8格式视频，需要在引入xgplayer的js文件后，引入hls.js或者m3u8-parser.js这两个插件中的一个，具体的步骤如下：

1. 在html文件中引入xgplayer的js和css文件。

<link rel="stylesheet" href="path/to/xgplayer.css">
<script src="path/to/xgplayer.js"></script>

2. 在js文件中创建xgplayer实例，并在options中设置type为'hls'或'm3u8'。

const player = new Player({
    id: 'xgplayer',
    url: 'path/to/video.m3u8',
    type: 'hls',
    autoplay: true,
    controls: true
})

3. 在js文件中引入hls.js或m3u8-parser.js插件。

import Hls from 'path/to/hls.js'

或者

import M3U8Parser from 'path/to/m3u8-parser.js'

4. 在xgplayer实例中设置hlsConfig或m3u8Config。

player.hlsConfig = {
    xhrSetup: function(xhr, url) {
        xhr.withCredentials = true
    }
}

或者

player.m3u8Config = {
    withCredentials: true
}

注意：以上的示例中，url为m3u8格式的视频地址。如果需要播放其他格式的视频，如mp4等，可以将type设置为'normal'或者'video'，并设置url为对应的视频地址。

希望这能够解决你的问题。