我创建了一个自动播放全屏背景视频的网页。
在视频的顶部是一个div,其中包含文字&指向外部网站的链接 - 这适用于所有桌面浏览器。
如何在移动设备上重新创建相同的设置 - 我是否需要使用javascript才能实现此目的?
我花了很多时间在google上搜索确定的答案,现在我很困惑。
提前致谢。
答案 0 :(得分:0)
iOS或Android等移动设备上不允许自动播放HTML5视频。您可以阅读this了解iOS上的原因和方法。
在iPhone上,视频以默认(全屏)Quicktime播放器播放。因此没有真正的背景概念(这可以在原生应用程序中完成,其中允许在线播放视频但不在Safari / Web浏览器中)。你需要坚持使用我想的图像。
在iPad或Android上,为了达到您想要的效果,您需要将视频标记绑定到触摸事件/按钮(例如,当用户“触摸”进入您的网站时),以及在此事件上启动视频的播放顺序(在您的情况下,视频被设置为占据视口的整个宽度和高度)。
由于