Html 在后台播放网页中的声音文件

我想在后台的网页上播放声音文件（不希望出现媒体播放器UI），我的网站将在Fire Fox上运行，我使用嵌入元素并将隐藏属性设置为true

问题是，除非我删除了本例中的隐藏属性，否则不会播放声音。播放声音文件并显示媒体播放器UI，但我不希望这样。

<audio src="/music/good_enough.mp3">
<p>If you are reading this, it is because your browser does not support the audio element.     </p>
</audio>

如果您正在阅读本文，那是因为您的浏览器不支持音频元素

如果你想要控制

<audio src="/music/good_enough.mp3" controls>
<p>If you are reading this, it is because your browser does not support the audio element.</p>
</audio>

如果您正在阅读本文，那是因为您的浏览器不支持音频元素

也可以使用嵌入

<embed src="/music/good_enough.mp3" width="180" height="90" loop="false" autostart="false" hidden="true" />

---

对于我，通过删除

type

属性解决了问题：

<embed name="myMusic" loop="true" hidden="true" src="Music.mp3"></embed>

当然不是最干净的方式

如果您正在使用HTML5： Firefox不支持MP3。Wav和Ogg则是。 在这里，您可以找到哪种浏览器支持哪种类型音频的概述：

如果您正在阅读本文，那是因为您的浏览器不支持音频元素

---

对我来说效果很好。

虽然现在评论可能太晚了，但下面是解决您的问题的有效代码

<div id="player">
    <audio autoplay hidden>
     <source src="link/to/file/file.mp3" type="audio/mpeg">
                If you're reading this, audio isn't supported. 
    </audio>
</div>

如果您正在阅读此文件，则不支持音频。

---

[ps.将“path/your_song.mp3”替换为文件夹和歌曲标题，如“music/samplemusic.mp3”或“media/bgmusic.mp3”等。

如果不想显示控件，请尝试此代码

<audio  autoplay>
 <source src="song.ogg"  type="audio/ogg">
Your browser does not support the audio element.
</audio>

您的浏览器不支持音频元素。

有关Firefox问题，请参见此。嵌入应该可以工作，但如果不使用object，则不会回答问题“除非我删除了隐藏属性”解决方案是使用width=0和height=0。我用一个.wave文件尝试了它，但它不起作用，上面的相同方案只是从代码中删除

控件，然后将perfect@IvijanStefanStipić是的！如果音频
隐藏
（并且在
自动播放
）上，则设置
控件
没有意义。文件的类型为audio/mp3，而类型属性的值为“audio/midi”。midi文件的扩展名为.mid或.midi。这最适合自动播放，其他方法会导致错误“play（）失败，因为用户未与文档交互”
<audio controls autoplay loop>
  <source src="path/your_song.mp3" type="audio/ogg">
  <embed src="path/your_song.mp3" autostart="true" loop="true" hidden="true"> 
</audio>

<audio  autoplay>
 <source src="song.ogg"  type="audio/ogg">
Your browser does not support the audio element.
</audio>