xgplayer 自定义加载loading样式时，显示视频（直播）封面

自定义加载loading样式时，显示视频（直播）封面"/>

xgplayer 自定义加载loading样式时，显示视频（直播）封面

首先你需要通过官网的方式解压出来xgplayer的诸多内置样式，（详情见笔者的这片博客：xgplayer如何自定义样式）
然后再在你解压出来的内容中找到这个文件 loading.js 在/skin/controls/loading.js这个路径下

import { createDom } from 'xgplayer/src/utils/util'
import Loading from '../assets/loading.svg'
import '../style/controls/loading.scss'let s_loading = function () {let player = thislet root = player.rootlet container = createDom('xg-loading', `${Loading}`, {}, 'xgplayer-loading') // 创建一个loading 样式内容console.log(player)player.once('ready', () => {root.appendChild(container)if (player.config.poster) {  // 直播封面图片let dom  = document.getElementsByClassName('xgplayer-enter')[0]dom.style.backgroundImage = `url(${player.config.poster})`dom.style.backgroundSize = 'cover'dom.style.backgroundPosition = 'center center'}})
}export default {name: 's_loading',method: s_loading
}