Question

我正试图在刚打开页面时自动播放音频文件。我的浏览器是google chrome，最新版本已更新。这是代码

<body>

    <iframe class="audio" autoplay="autoplay" controls style = "display:none;">
    <source src="./sound/pacmanbegin.mp3" type="audio/mpeg"/>
    </iframe>

</body>

这在Internet Explorer，Edge等其他浏览器中也无法使用。有人可以帮助我吗？

Answer 1

    <audio controls autoplay>  
        <source src="https://www.soundjay.com/button/beep-01a.mp3" type="audio/ogg">  
    </audio>

尝试使用它并享受！：D

Answer 2

最近许多浏览器只能在关闭声音的情况下自动播放，因此您需要在音频标签中添加静音属性，这没有意义，因此我认为最好的方法是添加：

 document.getElementById('audio').play();

youy] r </audio>标记之后。
看一下这段代码：

 <audio controls style="display:none" id="audio">
  <source src="https://file-examples.com/wp-content/uploads/2017/11/file_example_MP3_700KB.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<script>
document.getElementById('audio').play();
</script>

为什么音频自动播放在Google Chrome中不起作用？

2 个答案: