javascript - 无法使 HTML5 音频标签在移动浏览器上工作

Question

我有一个使用 HTML5 <audio> 的网络应用程序标记，出于某种原因，虽然它在 Windows 和 Mac PC 上运行良好，但在 iOS 和 Android 上不起作用。这是我的代码的相关 fragment :

Javascript:

var audioElement = document.querySelector('#audioplayer');
var source = document.querySelector('#mp3');
source.src = tokObject._url;
audioElement.load();
audioElement.play();

HTML:

<center>
    <audio id="audioplayer" style="width:480px;">
        <source id="mp3" src="random-placeholder" type="audio/mp3" />
    </audio>
</center>

Answer 1

您通常不能在移动设备上自动播放音频或视频文件，这通常是 Android 和 iOS 等操作系统的限制，以阻止网站下载巨大的媒体文件并自动播放它们。

如果从点击或触摸处理程序中调用这样的代码，它可能会工作，但不是您当前的工作方式。

另外，<center>元素已被弃用，您不应再使用它。