htm音频不能在手机上播放

Question

我有以下代码，它在我的笔记本电脑上运行良好，但声音在我的手机上没有加载。什么可能是错的？

<audio id="foobar" src="yoursample.ogg" preload="auto"> 

通过CSS隐藏它：

#foobar { display: none }

在任何JavaScript事件处理程序上播放音频：

var sample = document.getElementById("foobar");
sample.play();

Answer 1

添加音频文件的mp3版本，使其与所有浏览器兼容。

<audio id="foobar" preload="auto">
  <source src="yoursample.ogg" type="audio/ogg">
  <source src="yoursample.mp3" type="audio/mpeg">
</audio>