# VideoViewer 视频播放
视频查看组件,封装了视频播放等功能。
# 属性
# videos
- 类型:
{String|Array<String>}
- 说明:视频 url
- 默认值:
[]
WARNING
视频地址必须为完整可访问的地址
# show-name
- 类型:
{Boolean}
- 说明:是否显示视频名称
- 默认值:
true
# width
- 类型:
{String}
- 说明:缩略图宽度
- 默认值:
'100px'
# height
- 类型:
{String}
- 说明:缩略图高度
- 默认值:
'100px'
# 示例
<template>
<video-viewer :videos="videos" />
</template>
<script>
import { VideoViewer } from '@fe/packages/components'
export default {
name: 'VideoViewerExample',
components: {
VideoViewer
},
data() {
return {
videos: [
'http://192.168.11.188:10085/examples/static/1.mp4',
'http://192.168.11.188:10085/examples/static/2.mp4'
]
}
}
}
</script>