<video class="slide1_bg1"
autoplay="autoplay" //视频就绪后立即播放 写成xxx="xxx"格式兼容性更好
muted //静音 autoplay无效时加上muted即可自动播放 但视频静音
webkit-playsinline="true" //阻止IOS系统视频全屏播放 让视频在小窗内播放
playsinline="true" //IOS微信浏览器支持小窗内播放
x5-video-player-fullscreen="true" //全屏设置 设为true防止横屏
x5-video-orientation="portraint" //播放方向 landscape横屏 portraint竖屏 默认为竖屏
controlsList="nodownload"// 阻止视频下载按钮出现
x5-video-player-type="h5" //启用X5内核的播放器 是微信安卓版特性 在X5内核里 video是单独的一个view 会覆盖在任何元素之上 加上这个属性 可让其他元素浮在video上
src="https://wcdn.tomatogames.com/web/guonei/sezg/starH5/video/slide1_bg1.mp4">
//写<source>标签没用 src属性直接写在video上
</video>
<video class="slide1_bg2 "
autoplay="autoplay" // 写成xxx="xxx"格式兼容性更好
muted
loop="loop" //视频循环播放
webkit-playsinline="true"
playsinline="true"
x5-video-player-fullscreen="true"
x5-video-orientation="portraint"
controlsList="nodownload"
x5-video-player-type="h5"
src="https://wcdn.tomatogames.com/web/guonei/sezg/starH5/video/slide1_bg2.mp4"></video>
slide1_bg1.trigger("pause");//暂停
slide1_bg1.trigger("play");//播放
//slide1_bg1视频放完后 slide1_bg2视频开始播放
slide1_bg1.on("ended",()=>{
slide1_bg2.trigger("play");
})
jq控制 video标签兼容性属性解释 + 视频播放和暂停 + 监听video标签的暂停
最新推荐文章于 2024-01-18 17:03:37 发布