如果我們想隱藏默認的audio控件,但是仍然想自動播放聲音
當 audio
元素設置爲 display: none
或 visibility: hidden
時,音頻仍然會被加載,但是無法自動播放
這是因爲在這種情況下,瀏覽器會將音頻元素標記爲“不可見”,從而禁止自動播放
可以使用 opacity
屬性或 position: absolute; left: -9999px;
等方式進行樣式處理,而不是使用 display: none
或 visibility: hidden
。
這樣可以確保音頻元素被正確加載,並且可以自動播放