Slider Revolution中HTML5 background video自动播放兼容性处理

Slider Revolution中HTML5 background video自动播放兼容性处理

Html5 video 标签定义视频,比如电影片段或其他视频流时如果设置了autoplay,在不同的设置及浏览器上都有不同的兼容性。autoplay在h5移动端(安卓和ios)及OS上的Safria或Google Chrome(非wifi下)已经不可实现自动播放。

在WordPress常用插件Slider Revolution中没有对Background video的autoplay的开关设置(默认autoplay),使得在不同设备与浏览器下都有不同的表现:

blob.jpg

有些浏览器能自动播放有些不能,情况就比较尴尬。

解决方案是不再使用Background video,替换方案是用传统的方式直接插入video,并且设置全屏大小:

blob.jpg

blob.jpg

最终表现为所有的设置及浏览器中,视频上有原生播放按钮,用户点击后播放。

721 total views, 2 views today

Revisions

No comments yet.

发表评论