vue xgplayer_Vue中的xgplayer组件

vue xgplayer

vue-xgplayer (vue-xgplayer)

xgplayer vue component.

xgplayer vue组件。

View demo 查看演示 Download Source 下载源

安装 (Installation)

npm i vue-xgplayer -S

用法 (Usage)

// main.js
import Vue from 'vue'
import VueXgplayer from 'vue-xgplayer'

Vue.use(VueXgplayer, {
  // globalOptions
  enterLogo: {
    url: '/images/video-player-loading.png',
    width: 100,
    height: 40
  },
  playsinline: true
})

// YourComponent.vue

例子 (Examples)

https://github.com/savokiss/vue-xgplayer/blob/master/examples/App.vue

https://github.com/savokiss/vue-xgplayer/blob/master/examples/App.vue

道具 (Props)

Prop	Type	Default	Info
id	String	xgplayer_${random()}	Optional. The dom id
options	Object	{}	The url property is required.
aspect	String	'16by9'	Optional. Aspect ratio for auto resize video height.
noDestroy	Boolean	false	Optional. Wont destroy player when component destroy

Struts	类型	默认	信息
ID	String	xgplayer_${random()}	可选的。 域名
选项	Object	{}	url属性是必需的。
方面	String	'16by9'	可选的。 自动调整视频高度的长宽比。
否销毁	Boolean	false	可选的。 组件销毁时不会销毁玩家

方法 (Methods)

Method	Info
reload	Will call player.reload()
destroy	Will call player.destroy()

方法	信息
重装	将调用player.reload()
破坏	将调用player.destroy()

翻译自: https://vuejsexamples.com/xgplayer-component-in-vue/

vue xgplayer