当播放器不可见时，自动播放带有HTML5嵌入标记的音频

我想自动播放MP3音频文件，但我不想让播放器可见

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

当我使用css将

display:none

添加到音频标签时，它根本不播放音乐。

---

有人能给我解释一下如何在不显示播放器的情况下播放音乐吗？

或者，您可以尝试一些基本的东西来满足您的需要

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

就像上面建议的那样，您可能应该以某种形式提供控件。可以使用切换链接/复选框，通过jquery将控件滑入

来源：
你可以使用这段代码，它适合我

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


我使用了这个代码

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



它运行良好，但我需要停止和暂停按钮。因此，如果我们不想听，我们可以停下来。
对于以后找到此页面的人，您可以使用：

<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>


如果您可以阅读此内容，则您的浏览器不支持音频元素

有时需要自动播放。有人曾经指出，著名的Les Paul Google Doodle（2011）需要自动播放，即使声音只有在你将鼠标移到吉他弦上才能播放。如果是通过一流的设计完成的，它可能会很漂亮（尤其是具有沉浸式设计的电影网站）
如果您使用React，请确保将autoplay设置为

autoPlay

React希望它是camelcase
 您可以使用以下简单代码：

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



对于这里看到的结果：
“敏感”时代
今天的现代浏览器似乎（默认情况下）阻止了这些自动播放功能。他们在某种程度上被视为pop-ops。非常烦人。是的，用户现在可以完全控制声音的播放时间。[1,2,3]

HTML5时代

允许或阻止Firefox中的媒体自动播放，Firefox帮助
Mounir Lamouri，统一自动播放，Chromium博客
嵌入式内容、万维网联盟、
我所做的是：

<div>
   <embed src="sample.mp3" autostart=true loop=false width="1px" height="1px">
</div>



您仍然可以听到页面上的音频自动播放，但看不到它，而且代码中几乎没有空间！“双赢局面！”
给人们自动播放的音频太糟糕了。在没有用户界面的情况下为人们提供音频比糟糕还要糟糕。我知道这很糟糕，我自己讨厌它，但我不得不这么做。这是一个个人网页，不是我的。谢谢你嘿，看看好的一面——像这样的问题突出了糟糕的浏览器设计，并促使浏览器制造商删除糟糕的功能：DI想反驳说自动播放音频很糟糕的观点。例如，在我的React应用程序中，用户单击音频图标，屏幕上就会出现HTML5音频元素。如果用户不得不说：“是的，我已经说过我想播放一些音频，但是，让我再次点击播放按钮”，那就更“糟糕”了。这都是间接的。我正在使用音频标签，它工作得很好，但当我在手机上检查时。Html5音频标签没有声音自动播放。如何修复它？如果您使用React来到这里，请检查下面的答案。您可以在哪里托管mp3？存储和流式播放mp3的选项有数百种，常见的有amazon s3、opendrive、kiwi6等。请查看堆栈溢出，请查看：您是救世主！
<embed src="audio.mp3" AutoPlay loop hidden>

<div>
   <embed src="sample.mp3" autostart=true loop=false width="1px" height="1px">
</div>