html5 – 如何在没有弹出和点击的情况下逐个播放块？

我有两个这样的标签：

<audio id="1" src="lub0.mp4" />
<audio id="2" src="lub1.mp4" />

我想一个一个播放,即.play()第一个,当它启动onend事件时,我会.play()第二个.不幸的是,这给我一个流行的声音之间.有没有正确的crossbrowser的方法来做这个没有点击？

文件本身很好,如果我们在ffmpeg中粘贴它们,声音是完美的.

感谢名单.

解决方法

尝试以下.

var fileOne = document.getElementById('1');
fileOne.onended = function() {
    document.getElementById('2').play();
}

fileOne.play();

我以不同的格式化音频标签,我尝试了它的方式,它失败了.这是我怎么样

<audio id="1">
<source src="movie.mp4" type="video/mp4">
</audio >

<audio id="2">
  <source src="movie.mp4" type="video/mp4">
</audio >