1.0.6 • Published 4 years ago

@sixi/player v1.0.6

Weekly downloads
-
License
ISC
Repository
-
Last release
4 years ago

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模式,默认falseboolean
autoplay是否自动播放,在mini模式无效,默认falseboolean
vol音量,默认0.8number

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

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

4 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago