安装
npm install xgplayer
使用
<div id="player" class="eidt-left" ref="RefPlayer"></div>
<script lang="ts" setup>
import Player from 'xgplayer'
import 'xgplayer/dist/index.min.css'
const RefPlayer = ref()
onMounted(() => {
const poster_c = new URL(`@/assets/imgs/liveRoom/courses-d.png`, import.meta.url).href
RefPlayer.value = new Player({
id: 'player',
url: 'https://1255790626.vod-
qcloud.com/3e4588advodcq1255790626/ceeab99a388912588349426401/f0.mp4',
autoplay: false,
volume: 0, // 初始化时设置音量为 0,
controls: true, // true/false决定是否使用底部控制栏,
// plugins: [HlsJsPlugin],
// ...props,
poster: poster_c, // 封面图
ignores: ['cssfullscreen', 'centerplay'], // 禁用播放和暂停按钮
// ...具体参照 文档
})
})
</script>
西瓜视频官网: 西瓜播放器 | API