CSS音頻默認停止播放器是一種實用的功能,它能夠在頁面加載時停止音頻自動播放。
audio autoplay="autoplay" src="http://example.com/audio.mp3">
以上代碼是 HTML 5 中實現音頻自動播放的代碼。如果想要讓音頻在頁面加載時自動播放,可以在audio
標簽中添加autoplay="autoplay"
屬性。
然而,自動播放的音頻可能會打擾用戶,因此在某些情況下需要停止自動播放。為此,可以使用 CSS 中的以下樣式:
audio:not([controls]) { display: none; }
以上樣式能夠隱藏沒有添加controls
屬性的音頻播放器。
此外,以下樣式能夠使沒有添加autoplay
屬性的音頻不自動播放:
video:not([controls]), audio:not([controls]) { visibility: hidden; }
以上樣式能夠隱藏沒有添加controls
屬性的音頻播放器,同時使沒有添加autoplay
屬性的音頻不自動播放。
在實際項目中,使用這些樣式能夠為用戶提供更好的使用體驗,避免因為自動播放而造成不必要的干擾。
上一篇mysql 輸出判斷
下一篇mysql 輸出控制臺