无法在iPad Safari上播放HTML5音频

Question

我无法在iPad Safari上播放HTML5音频..我已经尝试过了

var audio = document.createElement('audio');
    audio.type = "audio/mpeg";
    audio.src = audioUrl;         
    x.appendChild(audio);
audio.load()
    audio.play();

并且

x.innerHTML = '<audio autoplay=autoplay><source src="'+audioUrl + '" type=audio/mpeg /></audio>';

我可以在桌面版Safari上播放，但在iPad上却显示“无法播放电影...”。 我正在使用iOS 4.3。 我认为需要注意的一件重要事情是将mime类型添加到htaccess中...虽然不确定是否是这个问题...但只是想补充一下，在旧浏览器上可以使用嵌入式播放回退mp3..那么这是否意味着无需添加MIME类型即可使用HTML5音频？ 请帮帮我，谢谢。

- copenndthagen

---

请查看 http://mediaelementjs.com/ 上的 HTML5 音频播放器。 - Teddy

我使用HTML5的原因是它有助于减少对第三方代码/插件的使用..而且我不想让任何播放器可见..只想在背景中播放音频..所以想知道为什么上述代码对我不起作用..我是否需要在服务器上进行任何MIME设置？ - copenndthagen

Answer 1

一些视频和音频类型由某些浏览器自动提供，无需您进行任何配置（这可能是为什么 mp3 文件被提供的原因），但您需要在 .htaccess 中添加映射才能使 MPEG 音频正常工作。只需打开您网站的 .htaccess 文件并添加（类似于）以下行：

AddType audio/mpeg .mp3

希望这可以帮助您！

- Brandon Satrom

---

非常感谢您的回复。我的唯一问题是，如果mp3已经通过<embed>标签播放，那么当通过html5 <audio>调用相同的mp3时，它不应该自动播放吗？我的意思是只是标签在改变，所以它是否仍然需要添加到htaccess中？另外，我想要播放的文件类型是mp3。 - copenndthagen

抱歉，我已将那行代码改为.mp3。我建议你尝试在htaccess文件中添加那一行，并检查是否能够生效。如果通过嵌入方式可以播放但是通过音频无法播放的话，这个方法或许值得一试。 - Brandon Satrom