当播放器不可见时，使用HTML5嵌入标签自动播放音频

Question

我想自动播放MP3音频文件，我不希望播放器可见。

<div id="music"><embed src="Comfortably Numb.mp3" autostart=true loop=false></div>

当我使用css将display:none添加到音频标签时，它根本不播放音乐。有人可以解释我热播放音乐而不显示播放器吗？

Answer 1

或者你可以尝试基本的东西来满足你的需求，

<audio autoplay loop>
      <source src="johann_sebastian_bach_air.mp3">
</audio>

有关进一步参考click here

Answer 2

如果您使用的是React，请确保将autoplay设置为，

autoPlay

React希望它是camelcase！

Answer 3

有时需要自动播放。有人曾经指出，着名的Les Paul Google Doodle（2011）需要自动播放，即使声音在你弹过吉他琴弦之前没有播放。如果它完成了课堂和伟大的设计，它可以是美丽的（特别是沉浸式设计的电影网站）

Answer 4

我用过这段代码，

 <div style="visibility:hidden">
    <audio autoplay loop>
        <source src="Aakaasam-Yemaaya Chesave.mp3">
    </audio> 
</div>

它运作良好，但我想要停止和暂停按钮。所以，如果我们不想听，我们就可以停下来。

Answer 5

你可以使用这个简单的代码：

<embed src="audio.mp3" AutoPlay loop hidden>

在这里看到的结果：https://hataken.000webhostapp.com/list-anime.html

Answer 6

<div id="music">
<audio autoplay>
  <source src="kooche.mp3" type="audio/mpeg">
  <p>If you can read this, your browser does not support the audio element.</p>
</audio>
</div>

和css：

#music {
  display:none;
}

如上所述，您可能应该以某种形式提供控件。也许使用一个切换链接/复选框，通过jquery滑动控件。

资料来源：HTML5 Audio Autoplay

Answer 7

您可以使用此代码，它适用于我

<div style="visibility:hidden">
    <audio autoplay loop>
        <source src="../audio/audio.mp3">
    </audio> 
</div>

Answer 8

为了以后参考以后找到此页面的人，您可以使用：

<audio controls autoplay loop hidden>
<source src="kooche.mp3" type="audio/mpeg">
<p>If you can read this, your browser does not support the audio element.</p>
</audio>