当使用 'autoplay' 时，Firefox 同时加载并播放同一个 .ogv 文件两次

Question

我有一个使用 HTML5 设置的 ogg vorbis 文件 <audio>标签。
Firefox (3.6.13) 请求该文件两次，但使用“自动播放”选项时，两个请求的文件都会播放。
当我暂停时，其中一首轨道停止，但另一首轨道继续。当我再次按下播放时，两个轨道都会播放，尽管现在不同步。

所有这些都可以与 webkit 和 opera 配合使用。
在没有“自动播放”功能的 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>