xgplayer-vue 西瓜视频播放器xgplayer的vue.js版本组件。
安装
$ npm i xgplayer-vue@latest -S
利用插件
<template> <div class="player-wrap"> <Xgplayer :config="config" @player="Player = $event" /> </div><template><script>import Xgplayer from 'xgplayer-vue';export default { data () { return { config: { id: 'vs', url: '/xgplayer-demo.mp4' }, Player: null } }, components: { Xgplayer },}</script>
// 当前播放韶光console.log(this.Player.currentTime)// 方法this.Player.play();this.Player.pause();this.Player.reload();// 播放事宜this.Player.on('play', ()=>{console.log('play')})
更多的诸如尺寸、音量及自动播放等配置可去查看详细配置参数。
https://v2.h5player.bytedance.com/en/config/
其余还支持mp4、hls、flv、dash等播放流。
ending 附上文档及项目地址链接。
# 文档地址https://v2.h5player.bytedance.com/# 仓库地址https://github.com/bytedance/xgplayer-vue
ok，基于Vue的xgplayer视频播放器就先容到这里。希望对大家有所帮助！
