HTML5音频无法在Chrome for Android上播放

Question

我有这个简单的演示网站。它有一个输入按钮，当你点击它时，音频文件应该播放。 HTML代码是这样的：

<audio id="ducksong">
    <source src="audio/ducks.mp3" type="audio/mpeg">
    <source src="audio/ducks.ogg" type="audio/ogg">
</audio>
<input id="playme" type="submit" value="Play me">

这是相应的JavaScript代码：

var input = document.querySelector("input#playme");
var audio = document.querySelector("audio#ducksong");
input.addEventListener("click", function() {
    audio.play();
});

它在桌面浏览器和Firefox for Android上运行得非常好。但Chrome for Android上没有声音。 （我使用的是Android 5.1）

我知道以前曾问过类似的问题，但这对我没有帮助。我知道Chrome for Android很特别，因为它希望在播放HTML5音频之前进行用户交互，但我确实实现了这一点。非常感谢任何帮助。

Answer 1

好的，我自己解决了。我创建的.htaccess密码保护功能阻止了音频在Chrome for Android上播放。虽然我登录网页并且网站显示正确，但无法加载音频。 iOS上的Safari有同样的问题。有趣的是，Android上的Firefox工作得很好。