前言:
今天小伙伴们对“js播放声音提示音”可能比较着重,朋友们都需要分析一些“js播放声音提示音”的相关文章。那么小编同时在网摘上收集了一些关于“js播放声音提示音””的相关资讯,希望朋友们能喜欢,看官们一起来了解一下吧!今天继续给小伙伴们分享一个西瓜视频播放器Vue组件XGPlayer-Vue。
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')})
更多的诸如尺寸、音量及自动播放等配置可去查看详细配置参数。
另外还支持mp4、hls、flv、dash等播放流。
ending 附上文档及项目地址链接。
# 文档地址 仓库地址
ok,基于Vue的xgplayer视频播放器就介绍到这里。希望对大家有所帮助!
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。
标签: #js播放声音提示音