以下原因分析,只限于我目前知识量的储备,发布在这一方面是提供一个查询和记录的平台,另一方便也希望各位大佬进行指正,帮助大家扩充知识面。
项目场景:
一家公司官网的首页,PC端首页有很多自动播放的背景视频,但是用手机端查看官网首页,却没有这些自动播放的视频,是为什么?
原因分析:
● 移动端浏览器做了限制,只能让用户触发事件去播放视频,不允许自动播放视频,其中一个原因是为了防止不必要的自动播放浪费流量
● 不同的浏览器对这种自动视频的播放入口,放置的位置不一致,可能在右上角、右下角某个小窗口进行播放,无法实现完美自动播放的效果,为了适应不同的浏览器,且让整体的画面更清晰,所以不建议在手机端添加这种自动播放的视频
解决方案:
我在网上查找资料的时候,看到一种解决方案:
滴滴的移动端官网,有一个看似是视频的背景,其实是由300多张图片组动态更换图片的src组成的。
也就是可以使用序列图片,通过JS脚本,来模拟视频播放效果。