如何在播放器不可見的情況下使用HTML5嵌入標籤自動播放音樂

我想自動播放mp3文件，但我不希望播放器可見。如何在播放器不可見的情況下使用HTML5嵌入標籤自動播放音樂

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

當我使用CSS添加display:none到音頻標籤，它不玩音樂的。有人請幫我播放音樂而不顯示標籤。

來源

2013-11-24 Nima

給人們自動播放的音頻很糟糕。在沒有用戶界面的情況下給人們音頻可以關閉它比糟糕得更糟。 – Quentin

我知道這是可怕的，我自己討厭它但我必須。這是一個個人網頁，它不是我的。它的工作謝謝 – Nima

嘿，看看好的一面 - 像這樣的問題突出壞的瀏覽器設計，並促使瀏覽器製造商刪除低劣的功能：D – Coderer

或者你可以嘗試基本的東西，讓您的需求，

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

更多參考click here

來源

2013-11-24 18:42:27 Vinith

謝謝它的工作 – Nima

我使用音頻標籤，它工作完美，但當我檢查手機。 Html5音頻標籤無法自動播放。如何解決它？ – huykon225

如果你使用React來到這裏，請在下面查看我的答案。 –

<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

來源

2014-08-10 21:48:02 Studio3

，你可以使用此代碼，它的作品與我

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

來源

2015-09-06 10:23:23

我用這個代碼，

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

它運作良好，但我想要停止並暫停按鈕。所以，如果我們不想聽，我們可以停下來。

來源

2016-04-12 19:33:48 Satya

備查誰找到這個頁面的人後，你可以使用：需要

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

來源

2016-11-24 02:00:54 Jexla

有時自動播放。有人曾經指出，着名的萊斯保羅谷歌塗鴉（2011年）需要自動播放，即使聲音沒有播放，直到你挖出吉他弦。如果它與類和偉大的設計做到了可漂亮了（有身臨其境的設計尤其是電影網站）

來源

2018-02-26 05:22:08

歡迎來到堆棧溢出，請查看：https：//stackoverflow.com/help/how-to-answer – Daniel

謝謝，注意！ –

如果使用反應，確保自動播放設置爲，