音频自动播放不起作用html5

Posted 2023-02-25

【中文标题】音频自动播放不起作用html5

【英文标题】：audio autoplay not working html5

【发布时间】：2014-08-11 17:57:04

【问题描述】：

我的代码中发生了一些非常糟糕的事情，音频的自动播放不起作用。

基本上，我放置此代码的每个网站代码都会自动播放音乐，但在此代码中不起作用。

查找页脚代码：

<footer>
    <ul>
        <h1>
            <a href="#"><img src="images/topoPirelli.png" ></a>
        </h1>
    </ul>
    <audio class="audio" loop autoplay="autoplay" controls>
        <source src="1.ogg" type="audio/ogg">
        <source src="1.mp3" type="audio/mpeg">
    </audio>
</footer>
</div>
</body>
</html>

【问题讨论】：

文件（1.ogg、1.mp3）是否存在？

控制台有错误吗？

没有错误！这让这很奇怪

是的，他们这样做了，当我按下播放键时它确实有效。唯一不起作用的是自动播放。

【参考方案1】：

我遇到了同样的问题。 我最后通过使用 jquery 解决了它：

$('audio').on('canplay', function() 
    this.play();
);

编辑： 现在我注意到很多浏览器在视频声音的情况下不允许自动播放工作。所以一个解决方案可能是添加muted 属性。

<video autoplay muted>

【参考方案2】：

试试这个：

<audio class="audio" controls autoplay>
  <source src="./1.ogg" type="audio/ogg">
  <source src="./1.mp3" type="audio/mpeg">
 <!-- <embed   src="./1.mp3"> NOT NECESSARY -->
</audio>