视频播放器
不支持
支持通用属性
| 名称 | 类型 | 默认值 | 必填 | 描述 |
|---|---|---|---|---|
| src | <uri> | - | 否 | 视频播放内容的 uri |
| autoplay | <boolean> | false | 否 | 渲染后是否自动播放 |
| poster | <uri> | - | 否 | 视频预览海报 |
controls 1010+ | <boolean> | true | 否 | 是否显示默认控件 |
muted 1030+ | <boolean> | false | 否 | 是否静音播放 |
orientation 1070+ | <string> | landscape(横屏) | 否 | 指定点击默认控件的全屏按钮时视频进入的全屏方向。landscape横屏,portrait竖屏 |
titlebar 1070+ | <boolean> | true | 否 | 指定视频组件全屏播放时是否显示顶栏,true为显示,false为不显示,在非全屏时均不显示顶栏 |
title 1070+ | <string> | - | 否 | 配置全屏播放时顶栏显示的标题,最多只支持一行文案,超过会自动以省略号结尾截断 |
playcount 1080+ | <integer> | infinite | 1 | 否 | 循环播放次数,可设置为 infinite 无限次播放 |
备注:如果开发者手动调用requestFullScreen方法进入全屏,将根据此方法的传入参数screenOrientation设置全屏方向。
示例代码:
<video src="xxx.mp4" orientation="portrait"></video>
支持通用样式
| 名称 | 类型 | 默认值 | 必填 | 描述 |
|---|---|---|---|---|
object-fit 1040+ | contain | cover | fill | none | scale-down | contain | 否 | 视频源的缩放类型 |
object-fit 类型 1040+
| 类型 | 描述 |
|---|---|
| contain | 保持宽高比,缩小或者放大,使得视频完全显示在显示边界内,居中显示 |
| cover | 保持宽高比,缩小或者放大,使得两边都大于或等于显示边界,居中显示 |
| fill | 不保存宽高比,填充满显示边界 |
| none | 居中,无缩放 |
| scale-down | 保持宽高比,缩小或保持不变,取 contain 和 none 中显示较小的一个,居中显示 |
支持通用事件
| 名称 | 参数 | 描述 |
|---|---|---|
| prepared | {duration: value(秒)} | 视频连接成功时触发 |
| start | - | 开始播放时触发 |
| pause | - | 暂停时触发 |
| finish | - | 播放结束时触发 |
| error | - | 播放失败时触发 |
| seeking | {currenttime: value(秒)} | 播放进度条滑动时触发 |
| seeked | {currenttime: value(秒)} | 播放进度条滑动放开时触发 |
| timeupdate | {currenttime: value(秒)} | 播放进度变化时触发,触发频率 4HZ |
| fullscreenchange | {fullscreen: fullscreenValue} | 视频进入和退出全屏时触发 |
| 名称 | 参数 | 描述 |
|---|---|---|
| start | - | 开始播放视频 |
| pause | - | 暂停播放视频 |
| setCurrentTime | {currenttime: value(秒)} | 指定视频播放位置 |
| requestFullscreen | { screenOrientation : "portrait" | "landscape" } | minPlatformVersion < 1050: 默认参数为 "landscape"; minPlatformVersion >= 1050: 默认参数为 "portrait". 请求进入全屏模式 |
| exitFullscreen | - | 视频退出全屏 |
查看示例代码
说明: