如果我们想隐藏默认的audio控件,但是仍然想自动播放声音
当 audio
元素设置为 display: none
或 visibility: hidden
时,音频仍然会被加载,但是无法自动播放
这是因为在这种情况下,浏览器会将音频元素标记为“不可见”,从而禁止自动播放
可以使用 opacity
属性或 position: absolute; left: -9999px;
等方式进行样式处理,而不是使用 display: none
或 visibility: hidden
。
这样可以确保音频元素被正确加载,并且可以自动播放