解決蘋果Safari 瀏覽器下audio隱藏不自動播放-實時語音通話功能【唯一客服】

如果我們想隱藏默認的audio控件,但是仍然想自動播放聲音

audio 元素設置爲 display: nonevisibility: hidden 時,音頻仍然會被加載,但是無法自動播放

這是因爲在這種情況下,瀏覽器會將音頻元素標記爲“不可見”,從而禁止自動播放

 

可以使用 opacity 屬性或 position: absolute; left: -9999px; 等方式進行樣式處理,而不是使用 display: nonevisibility: hidden

這樣可以確保音頻元素被正確加載,並且可以自動播放

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章