首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >静音音频自动播放无法在Chrome中工作

静音音频自动播放无法在Chrome中工作
EN

Stack Overflow用户
提问于 2021-03-29 06:01:47
回答 1查看 763关注 0票数 1

根据Chrome自动播放政策,

当属性设置为autoplay true时,必须自动播放

  1. 静音。
  2. iframe allow="autoplay‘src“可以播放声音

但是,它并没有使用我的代码。

允许自动播放音频的唯一方法是用户交互和更改浏览器设置。

你能检查一下哪里出了问题吗?

(我在Chrome v89.0.4389.90 64位上测试了它)

测试代码#1

代码语言:javascript
运行
复制
<body>
    <audio muted controls autoplay preload>
        <source src="https://freesound.org/data/previews/413/413749_5121236-lq.mp3" type="audio/mp3">
  </audio>
</body>

Teest代码#2

代码语言:javascript
运行
复制
<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

代码语言:javascript
运行
复制
<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

代码语言:javascript
运行
复制
<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>
EN

回答 1

Stack Overflow用户

发布于 2022-06-26 14:41:24

我也不能也有自动播放一个铬的iframe。我切换到<video>标签,它就开始工作了。

我的例子:

代码语言:javascript
运行
复制
<video autoplay loop muted src="path/to/image/" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></video>

我在每个浏览器上都能自动播放。希望它能帮上忙

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66849355

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档