HTML5视频自动播放在iPhone和Android上无法正常工作？

Question

5

我创建了一个用于HTML5视频自动播放预览的网站，但它在iPhone和Android 4+上无法正常工作。请问有什么方法可以让它正常工作吗？

- user1438799

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Jeeva Suriyaa · Accepted Answer

从iOS 6.1开始，在iPad上不能自动播放视频。

为什么他们禁用了自动播放功能？

由于许多设备所有者在其设备上有数据使用/带宽限制，我认为苹果公司认为用户应该决定何时启动带宽使用。

经过一些研究，我在苹果文档中找到了以下关于iOS设备上自动播放的摘录，以确认我的假设：

"苹果公司已经决定通过脚本和属性实现来禁用iOS设备上的视频自动播放。

在Safari中，在iOS上（对于所有设备，包括iPad），用户可能在蜂窝网络上并按数据单元收费，因此预加载和自动播放被禁用。除非用户启动，否则不会加载任何数据。" - 苹果文档。

这是Safari HTML5参考页面上的一个单独警告，说明为什么无法在iOS上的Safari中播放嵌入式媒体：

警告：为防止在用户的费用下通过蜂窝网络下载未经请求的内容，嵌入式媒体无法在iOS上的Safari中自动播放-用户始终启动播放。iPhone或iPod touch上自动提供控制器，但对于iPad，您必须设置控件属性或使用JavaScript提供控制器。

这意味着（在代码方面），除非通过用户操作（例如点击事件）触发play()或load()方法，否则Javascript的play()和load()方法是不活动的，直到用户启动播放。

基本上，用户启动的播放按钮有效，但onLoad =“play()”事件无效。

例如，这将播放电影：

<input type="button" value="Play" onclick="document.myMovie.play()">

以下内容在iOS上无法实现：

<body onload="document.myMovie.play()">

来源：

但对于安卓设备，

请看这里