Back to Taro

Index

packages/taro-components-rn/src/components/Video/index.md

4.2.03.2 KB
Original Source

API

是否支持属性类型默认值说明
autoPauseIfNavigatebooleantrue当跳转到其它小程序页面时,是否自动暂停本页面的视频
autoPauseIfOpenNativebooleantrue当跳转到其它微信原生页面时,是否自动暂停本页面的视频
directionnumber设置全屏时视频的方向,不指定则根据宽高比自动判断
titlestring视频的标题,全屏时在顶部展示
autoplaybooleanfalse是否自动播放
controlsbooleantrue是否显示默认播放控件(播放/暂停按钮、播放进度、时间)
danmuBtnbooleanfalse是否显示弹幕按钮,只在初始化时有效,不能动态变更
danmuListArray.<Danmu>[]弹幕列表
durationnumber指定视频时长
enableDanmubooleanfalse是否展示弹幕,只在初始化时有效,不能动态变更
enablePlayGesturebooleanfalse是否开启播放手势,即双击切换播放/暂停
enableProgressGesturebooleantrue是否开启控制进度的手势
initialTimenumber0指定视频初始播放位置
loopbooleanfalse是否循环播放
mutedbooleanfalse是否静音播放
objectFitstringcontain当视频大小与 video 容器大小不一致时,视频的表现形式
onEndedFunction当播放到末尾时触发 ended 事件
onErrorFunction视频播放出错时触发
onFullscreenChangeFunction视频进入和退出全屏时触发,event.detail = {fullScreen, direction},direction 有效值为 vertical 或 horizontal
onPauseFunction当暂停播放时触发 pause 事件
onPlayFunction当开始/继续播放时触发play事件
onProgressFunction加载进度变化时触发,只支持一段加载。event.detail = {buffered},百分比
onTimeUpdateFunction播放进度变化时触发,event.detail = {currentTime, duration}。触发频率 250ms 一次
onWaitingFunction视频出现缓冲时触发
playBtnPositionstringbottom播放按钮的位置
posterstring视频封面的图片网络资源地址。若 controls 属性值为 false 则设置 poster 无效
showCenterPlayBtnbooleantrue是否显示视频中间的播放按钮
showFullscreenBtnbooleantrue是否显示全屏按钮
showMuteBtnbooleanfalse是否显示静音按钮
showPlayBtnbooleantrue是否显示视频底部控制栏的播放按钮
showProgressbooleantrue若不设置,宽度大于240时才会显示
srcstring要播放视频的资源地址
vslideGesturebooleanfalse在非全屏模式下,是否开启亮度与音量调节手势(同 pageGesture)
vslideGestureInFullscreenbooleantrue在全屏模式下,是否开启亮度与音量调节手势