音频自动播放不工作html5

时间:2014-08-11 17:57:05

标签: javascript html css html5 audio

在我的代码中发生了一些非常令人讨厌的事情,音频自动播放功能无效。

基本上,我把这段代码放到音乐自动播放的每个网站代码,但在这个代码中无效。

找到页脚代码:

<footer>
    <ul>
        <h1>
            <a href="#"><img src="images/topoPirelli.png" alt=""></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>

2 个答案:

答案 0 :(得分:1)

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

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

修改 现在我注意到很多浏览器如果视频声音不允许自动播放工作。因此,解决方案可能是添加muted属性。

<video autoplay muted>

答案 1 :(得分:0)

试试这个:

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