如何在 iOS >= 4.2.1 Mobile Safari 中自动播放媒体？

Question

除了用户执行的单击事件的处理程序之外，我似乎无法在 iOS 4.2.1 上的 Mobile Safari 中播放音频媒体。即使如此，如果以任何异步方式（ajax、setTimeout 等）调用player.play()，它也不起作用。

我尝试在 player.play() 之前调用 player.load() 。我尝试在 dom 元素上触发点击事件，该元素的处理程序调用 player.play()。我尝试过使用音频和视频标签。

iOS 4.2.1 之前存在的所有漏洞似乎都已被修复。有什么想法吗？

Answer 1

从iOS 4.2.x开始，如果没有用户输入事件（例如touchstart），则不会开始媒体下载。

所以答案是不，没有方法可以通过 JavaScript 或其他方式自动播放媒体。

Answer 2

在 4.2.1 上有一种方法可以自动播放视频/音频文件。创建一个 iframe 并将其源设置为媒体文件的 URL，并将 iframe 附加到正文。将会自动播放。

var ifr=document.createElement("iframe");
ifr.setAttribute('src', "http://mysite.com/myvideo.mp4");
ifr.setAttribute('width', '1px');
ifr.setAttribute('height', '1px');
ifr.setAttribute('scrolling', 'no');
ifr.style.border="0px";
document.body.appendChild(ifr);

Answer 3

正如其他人所说，根据 Apple 文档，MobileSafari 不支持视频标签中的自动播放属性。然而，在 iOS 6 中它确实有效。这似乎是 Apple 在 iOS 6.0.1 中修复的一个错误（大概也在 iOS 6.1 中）。

如果您碰巧发现它在 iOS 6.0 中工作，请不要依赖在 iOS 6 中工作的自动播放功能。

-迈克尔

Answer 4

作为解决方法，我尝试将 load()/play() 代码绑定到单击事件，然后以编程方式触发单击事件。此方法适用于桌面版 Safari，但不适用于移动版 Safari。

Answer 5

这在 iPad 上一直有效，直到昨晚 4.2 升级：

$(function() {
    var Beep = document.createElement('audio');
    Beep.setAttribute('src', 'beep-23.mp3');
    Beep.load();
    Beep.play();
}

我的 Beep.play(); 仍然适用于点击事件，但最初的 Beep.play() 停止工作。 ..

Answer 6

这个怎么样？

使用 Sound Manager 2、预加载和创建音频精灵从第一次用户交互开始缓存它，然后在需要时播放。

那行得通吗？

Answer 7

使用耳机插孔的 iPhone 5 (iOS 6) 支持自动播放（在我的测试中）。

Answer 8

在我运行 IOS 6 的第三代 iPad 上，HTML5 标签的自动播放突然开始工作了！ （我已经安装了 IOS 6 几个星期了，我很确定我立即测试了这个功能，但直到今晚才发现它可以工作。）我不记得看到过 Apple 的任何通知，尽管我确实看到过移动 Safari 已被授予支持文件上传的能力

<form><input type="file" .../></form>

，这是我需要的另一个功能，但苹果拒绝了该功能。

Answer 9

请尝试此代码，它适用于两个版本，您需要在页面中动态添加音频控件。它正在工作。

var isiPad = false;
if (navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i)) { 
    isiPad = true; 
}
$(function() { 
    if (isiPad) { 
        var audioElement2 = document.createElement('audio'); 
        audioElement2.setAttribute('src', 'img/bgsound.mp3'); 
        audioElement2.controls = true; 
        audioElement2.loop = true; 
        audioElement2.load();
        audioElement2.play();
    }
});