在移动设备上加载页面</audio>后更改<audio> src后没有声音播放

时间:2014-11-26 23:38:07

标签: javascript html5 audio html5-audio src

我在这里进行了快速的肮脏审判,

<body>

  TEST

  <audio src="preview1.mp3" id="audio"></audio>

</body>

然后在桌面上的javascript控制台中,执行以下操作:

var audio = document.getElementById('audio');
audio.play();  // the first audio plays just fine!
audio.pause();
audio.src = 'preview2.mp3';
audio.play();  // the second audio plays fine, too!

但是,当我在任何移动设备上执行完全相同的事情时(特别是iOS和Android设备是我尝试过的设备),绝对没有任何反应。根本没有播放音频。

我已经在网上进行了大量的搜索,但对其他人来说情况似乎并非如此?

思想?

1 个答案:

答案 0 :(得分:0)

如果您的音频播放器出现问题,请注意在iOS上的Safari(适用于所有设备,包括iPad),用户可能位于移动网络上并按数据单元收费,预装和自动播放功能已停用由iOS。在用户启动数据之前不会加载任何数据。这意味着音频播放器处于非活动状态,直到用户通过单击播放按钮启动播放。

对于Android设备:

Chrome不允许应用在没有用户明确操作的情况下播放HTML5音频,类似于iOS的处理方式,但与Android浏览器的处理方式不同。

参考:http://www.wix.com/support/html5/technical-difficulties/browser-compatibility/faq/my-video-is-not-playing-on-my