在手机上使用外部链接自动播放html5视频

时间:2014-03-24 16:22:00

标签: ios iphone html5 video html5-video

我创建了一个自动播放全屏背景视频的网页。

在视频的顶部是一个div,其中包含文字&指向外部网站的链接 - 这适用于所有桌面浏览器。

如何在移动设备上重新创建相同的设置 - 我是否需要使用javascript才能实现此目的?

我花了很多时间在google上搜索确定的答案,现在我很困惑。

提前致谢。

1 个答案:

答案 0 :(得分:0)

iOS或Android等移动设备上不允许自动播放HTML5视频。您可以阅读this了解iOS上的原因和方法。

在iPhone上,视频以默认(全屏)Quicktime播放器播放。因此没有真正的背景概念(这可以在原生应用程序中完成,其中允许在线播放视频但不在Safari / Web浏览器中)。你需要坚持使用我想的图像。

在iPad或Android上,为了达到您想要的效果,您需要将视频标记绑定到触摸事件/按钮(例如,当用户“触摸”进入您的网站时),以及在此事件上启动视频的播放顺序(在您的情况下,视频被设置为占据视口的整个宽度和高度)。

由于