教程 其他 框架 组件 接口

video

概述

视频播放器

子组件

不支持

属性

支持通用属性

名称类型默认值必填描述
src<uri>-视频播放内容的 uri
autoplay<boolean>false渲染后是否自动播放
poster<uri>-视频预览海报
controls 1010+<boolean>true是否显示默认控件
muted 1030+<boolean>false是否静音播放

样式

支持通用样式

名称类型默认值必填描述
object-fit 1040+contain | cover | fill | none | scale-downcontain视频源的缩放类型

object-fit 类型 1040+

类型描述
contain保持宽高比,缩小或者放大,使得视频完全显示在显示边界内,居中显示
cover保持宽高比,缩小或者放大,使得两边都大于或等于显示边界,居中显示
fill不保存宽高比,填充满显示边界
none居中,无缩放
scale-down保持宽高比,缩小或保持不变,取 containnone 中显示较小的一个,居中显示

事件

支持通用事件

名称参数描述
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-视频退出全屏

video   示例代码

查看示例代码

说明:

  1. 支持 HTTP/HTTPS/RTSP 协议
  2. 在主流的视频编码格式(如:H.263,H.264,MPEG-4 等)和主流的音频编码格式(AAC,FLAC,MP3 等)下,支持主流的音视频封装格式如:MPEG-4(.mp4),3GPP(.3gp),MPEG-TS(.ts,not seekable),Matroska(.mkv),Ogg(.ogg)等

条匹配 "" 的结果

    没有搜索到与 "" 相关的内容