@sixi/player

player 视频

视频容器，在保留原生video标签的特性下，定制播放控制台，优化展示。

代码演示

<template>
  <player :src="video.sources" :poster="video.poster" />
</template>
<script>
export default {
  data () {
    return {
      video: {
        sources: 'https://info01.jiaoliuqu.com/9e61573114446agz.mp4',
        poster: 'https://info01.jiaoliuqu.com//9e61573114446agz_1.jpg'
      }
    }
  }
}
</script>

mini模式下，只展示播放按钮，点击播放按键即进入全屏播放，退出全屏暂停播放

<template>
  <player :src="video.sources" :poster="video.poster" :options="video.options" mini style="width:160px;height:90px" />
</template>
<script>
export default {
  data () {
    return {
      video: {
        sources: 'https://info01.jiaoliuqu.com/9e61573114446agz.mp4',
        poster: 'https://info01.jiaoliuqu.com//9e61573114446agz_1.jpg'
      }
    }
  }
}
</script>

API

参数	说明	类型
src	接收的视频资源地址	string | string[]
poster	视频封面	string
mini	是否采用mini模式，默认false	boolean
autoplay	是否自动播放，在mini模式无效，默认false	boolean
vol	音量，默认0.8	number

注意: 自动播放时，视频默认静音，请参考：https://goo.gl/xX8pDD