1.0.6 • Published 6 years ago
@sixi/player v1.0.6
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