Video 视频

基本使用

template

<be-video
  class="video1"
  src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4"
  coverSrc="/static/xxx/xxx.jpg"
>
</be-video>

style scoped

.video1 {
  width: 100%;
  height: 200px;
}

WARNING

必须给 Video 组件设置宽高，否则无法正常显示。

API

Props

属性名	说明	类型	默认值
rootClass	根节点 class	string	-
rootStyle	根节点 style	string	-
coverSrc	视频封面 URL	string	-
hideCover	隐藏视频封面	boolean	false
playBtnSrc	播放按钮图标 URL	string	default value
playBtnWidth	播放按钮宽度	css width	100rpx
playBtnHeight	播放按钮高度	css height	100rpx

Props extend uni-app video

属性名	说明	默认值
src	属性说明	-

Events extend uni-app video

事件名称	说明
play	事件说明

Slots

插槽名	说明	slot props	默认值
cover	自定义视频封面	-	有