网站建设丶金手指下拉13,青岛网站建设培训班,wordpress 分享到,自己建设网站在哪里建设7.4 视频组件
7.4.1 video组件
支持属性属性如下#xff1a;
属性类型默认值说明最低版本src#xff08;必填#xff09;string要播放视频的资源地址#xff0c;基础库2.3.0版本开始支持云文件ID1.0.0controlsbooleantrue是否显示默认播放控件#xff08;播放/暂停按钮…
7.4 视频组件
7.4.1 video组件
支持属性属性如下
属性类型默认值说明最低版本src必填string要播放视频的资源地址基础库2.3.0版本开始支持云文件ID1.0.0controlsbooleantrue是否显示默认播放控件播放/暂停按钮、播放进度、时间1.0.0enable-danmubooleanfalse是否展示弹幕只在初始化时有效不能动态变更1.0.0danmu-btnbooleanfalse是否显示弹幕按钮只在初始化时有效不能动态变更1.0.0danmu-listObject[]弹幕列表1.0.0autoplaybooleanfalse是否自动播放1.0.0loopbooleanfalse是否循环播放1.4.0mutedbooleanfalse是否静音播放1.4.0initial-timenumber0指定视频初始播放位置1.6.0directionnumber 设置全屏时视频的方向不指定则根据宽高比自动判断,可选值及其含义如下 0正常竖向 90屏幕逆时针90度 -90屏幕顺时针90度 1.7.0show-progressbooleantrue若不设置宽度大于240时才会显示1.9.0show-fullscreen-btnbooleantrue是否显示全屏按钮1.9.0show-play-btnbooleantrue是否显示视频底部控制栏的播放按钮1.9.0show-center-play-btnbooleantrue是否显示视频中间的播放按钮1.9.0enable-progress-gesturebooleantrue是否开启控制进度的手势1.9.0object-fitstringcontain 当视频大小与 video 容器大小不一致时视频的表现形式可选值及其含义如下 contain包含 fill填充 cover覆盖 1.0.0posterstring视频封面的图片网络资源地址或云文件ID2.3.0。若 controls 属性值为 false 则设置 poster 无效1.0.0show-mute-btnbooleanfalse是否显示静音按钮2.4.0titlestring视频的标题全屏时在顶部展示2.4.0play-btn-positionstringbottom播放按钮的位置可选值及其含义如下 bottomcontrols bar上 center视频中间 2.4.0enable-play-gesturebooleanfalse是否开启播放手势即双击切换播放/暂停2.4.0autp-pause-if-navigatebooleantrue当跳转到本小程序的其他页面时是否自动暂停本页面的视频播放2.5.0autp-pause-if-open-nativebooleantrue当跳转到其它微信原生页面时是否自动暂停本页面的视频2.5.0page-gesturebooleanfalse在非全屏模式下是否开启亮度与音量调节手势废弃见 vslide-gesture1.6.0vslide-gesturebooleanfalse在非全屏模式下是否开启亮度与音量调节手势同 page-gesture1.6.0vslide-gesture-in-fullscreenbooleantrue在全屏模式下是否开启亮度与音量调节手势2.6.2bindplayeventhandle当开始/继续播放时触发play事件1.0.0bindpauseeventhandle当暂停播放时触发 pause 事件1.0.0bindendedeventhandle当播放到末尾时触发 ended 事件1.0.0bindtimeupdateeventhandle播放进度变化时触发event.detail {currentTime, duration} 。触发频率 250ms 一次1.0.0bindfullscreenchangeeventhandle视频进入和退出全屏时触发event.detail {fullScreen, direction}direction 有效值为 vertical 或 horizontal1.4.0bindwaitingeventhandle视频出现缓冲时触发1.7.0binderroreventhandle视频播放出错时触发1.7.0bindprogresseventhandle加载进度变化时触发只支持一段加载。event.detail {buffered}百分比2.4.0
enable-danmu、danmu-btn和danmu-list属性分别用于设置是否显示弹幕、是否显示弹幕开关和弹幕列表。danmu-list属性需要传入一个数组数组中的每一项都是一个Object类型的值包含text、color和time三个属性分别表示一条弹幕的文字、字体颜色和出现时间单位为秒。