长风破浪会有时
直挂云帆济沧海

video的常用属性设置

src:要播放的路径地址
autoplay:是否自动播放,默认值是false,(Boolean)
loop:是否循环播放,默认值是false,(Boolean)
muted:是否静音播放,默认值是false,(Boolean)
initial-time:制定和视频初始播放位置,单位为秒(字节跳动小程序不支持,Number)
duration:指定视频时长(字节跳动小程序不支持,Number)
controls:是否显示默认播放控件
danmu-list:弹幕列表(字节跳动小程序不支持,ObjectArray)
danmu-btn:是否显示弹幕按钮,只在初始化时有效,不可更改(字节跳动小程序不支持,Boolean)
enable-danmu:是否显示弹幕,只在初始化时有效,不可更改(字节跳动小程序不支持,Boolean)
page-gesture:在非全屏模式下,是否开启亮度和声音调节手势(微信小程序、H5,Boolean)
direction:设置全屏时视频的方向,不指定规则则更具宽高比自行判断,有效值为0(正常径向)、90(屏幕逆时针90度)、-90(屏幕顺时针90度)(字节跳动小程序、H5不支持,Boolean)
show-progress:若不设置,宽度大于240时才会显示 (字节跳动小程序不支持,Boolean)
show-fullscreen-btn:是否显示全屏按钮(Boolean)
show-play-btn:是否显示视频底部控制栏的播放按钮(Boolean)
show-enter-play-btn:是否显示视频中间的播放按钮 (字节跳动小程序不支持,Boolean)
enable-progress-gesture:是否开启控制进度的手势 (字节跳动小程序不支持,Boolean)
object-fit:当视频大小与vide容器大小不一教时,视环的表现形式contain:包含,fill:填充,cover覆盖(微信小程序、字节跳动小程序、H5,String)
poster:视频封面的图片网络资源地址,如果controls属性值为false则设置poster 无效(String)
show-mute-btn:是否显示静音按钮(微信小程序,Boolean)
title:视的标频 全屏时在顶部展示(微信小程序,String)
play-btn-position:播放按钮的位置 (微信小程序、字节跳动小程序,String)
enable-play-gesture:是否开启播放手势,即双击切换播放/暂停(微信小程序Boolean)
auto-pause-if-open-navigate:当跳转到其它小程序页面时,是否自动暂停本页面的视频(微信小程序Boolean)
vslide-gesture:当跳转到其它微信原生页面时,是否自动暂停本页面的视频(微信小程序Boolean)
vslide-gesture-in-fullscreen:在非全屏模式下,是否开启亮度与音量调节手势,在全屏模式下,是否开启亮度与音量调节手势 (微信小程序Boolean)
ad-unit-id:视频前贴广告单元ID,更多详情可参考开放能力 (微信小程序String)
poster-for-crawler:用于给搜索等场景作为视频封面展示,建议使用无播放icon的视频制面图,只支持网络地址 (微信小程序String)
ad-unit-id:微信小程字 视频前贴广告单元

赞(0)
未经允许不得转载:阿锋哥前端开发经验分享 » video的常用属性设置
分享到: 更多 (0)

几百块就能做营销型企业网站?

查看详情