根据 Chrome 自动播放政策,
- 将属性设置为 autoplay true 时,必须自动播放静音音频。
- iframe allowed="autoplay 'src' 可以播放有声音频
但是,它不适用于我的代码。
允许自动播放音频的唯一方法是用户交互并更改浏览器设置。
你能检查一下哪里出了问题吗?
(我在 Chrome v 89.0.4389.90 64 位中测试了它)
测试代码#1
<body>
<audio muted controls autoplay preload>
<source src="https://freesound.org/data/previews/413/413749_5121236-lq.mp3" type="audio/mp3">
</audio>
</body>
测试代码#2
<body>
<script>
var auto_audio = document.createElement('audio');
auto_audio.controls = true;
auto_audio.muted = true;
auto_audio.volume = 0;
auto_audio.autoplay = true;
var audio_src = document.createElement('source');
audio_src.src = 'https://freesound.org/data/previews/413/413749_5121236-lq.mp3';
audio_src.type = 'audio/mp3';
auto_audio.appendChild(audio_src);
document.body.appendChild(auto_audio);
</script>
</body>
测试代码#3
<iframe allow="autoplay 'src'" src="https://freesound.org/data/previews/413/413749_5121236-lq.mp3" style="height:0;width:0;border:0;border:none;visibility:hidden;"></iframe>
测试代码#4
<iframe allow="autoplay" src="https://freesound.org/data/previews/413/413749_5121236-lq.mp3" style="height:0;width:0;border:0;border:none;visibility:hidden;"></iframe>
最佳答案
我也无法在 Chrome 中自动播放 iframe。我切换到<video>
标记并开始工作。
我的例子:
<video autoplay loop muted src="path/to/image/" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></video>
我能够让它在每个浏览器中自动播放。希望对您有帮助
关于google-chrome - 静音音频自动播放在 Chrome 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66849355/