使用'autoplay'时,Firefox会同时加载和播放相同的.ogv文件两次

Question

我有一个使用HTML5 <audio>标记设置的ogg vorbis文件.
Firefox(3.6.13)请求该文件两次,但使用'autoplay'选项会播放所请求的两个文件.
当我暂停时,其中一个曲目停止但其他曲目继续.当我再次按下播放时,两个音轨都播放,尽管现在不同步.

所有这些都适用于webkit和opera.
在没有'autoplay'的Firefox中,ogg文件被请求两次,但只有一个播放,所有内容都显示正常.但是在这种情况下我需要'自动播放'功能.

我的HTML:
<audio autoplay controls">
<source src="/media/BetterDays.ogv" type="audio/ogg; codec=vorbis"></source>
<source src="/media/BetterDays.mp3" type="audio/mpeg"></source>
</audio>

我的jQuery:

if(!!document.createElement('audio').canPlayType) {
    audio = $('audio').get(0);
    $(audio).removeAttr("controls");
    $(audio).bind('play',function() {
      $("#playtoggle").addClass('playing');   
    }).bind('pause ended', function() {
      $("#playtoggle").removeClass('playing');    
    });   

    $("#playtoggle").click(function() {     
      if (audio.paused) { audio.play(); } 
      else { audio.pause(); }     
    });  

我真的很感激任何可以提供的帮助.谢谢.

Answer 1

这样做，html 5 标签仍然有点错误，但是好的 ol' javascript 可以解决这个问题

<script>
give your audio tag an id, in my example it will be audiobox

function play() {
    document.getElementById('audiobox').play();
  }
  play();
 </script>