google-chrome - 静音音频自动播放在 Chrome 中不起作用

标签 google-chrome audio iframe autoplay

根据 Chrome 自动播放政策,

  1. 将属性设置为 autoplay true 时,必须自动播放静音音频。
  2. 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/

相关文章:

javascript - HTML5 音频的 ontimeupdate 在 Chrome 中未触发

actionscript-3 - 删除阵列AS3中每个对象的前一帧对象并使每个文件静音一个音频文件

javascript - 从另一个页面加载和更改 iFrame 'src'

google-chrome - 有没有办法在 Chrome 浏览器上模拟两指滑动?

css - Google 字体 (Lato) 无法在 Google Chrome 上呈现

google-chrome - Chrome推送通知: This site has been updated in the background

python-3.x - 如何转换 wav 文件 -> bytes-like 对象?

javascript - 可能的内存泄漏或其他原因?

javascript - 如何使用 KnockoutJS 为 iframe 数据绑定(bind)内容?

html - IE 动态创建的 Iframe 的 onload 函数从未被调用