音频源在Android浏览器中不能正常工作两次

Question

在我的项目中，我有两个音频，我在HTML中添加如下：

<audio  id="sample1">
    <source src="sample1.mp3" type='audio/mpeg; codecs="mp3"' preload="auto" />
    <source src="sample1.ogg"; codecs="vorbis"' preload="auto" />
</audio>
<audio  id="sample2">
    <source src="sample2.mp3" type='audio/mpeg; codecs="mp3"' preload="auto" />
    <source src="sample2.ogg" type='audio/ogg; codecs="vorbis"' preload="auto" />
</audio>

我有两个按钮可以在这两个按钮之间切换：

$(document).ready(function(){
var audio =null;
 $('#button1').click(function(){
     if(audio!=null){
           audio.pause();
     }
    audio =null; 
    audio=$('#sample1');
    audio.play();
});

$('#button2').click(function(){
     if(audio!=null){
           audio.pause();
     }
    audio =null; 
    audio=$('#sample2');
    audio.play();
});
}    

问题是，这些音频无论顺序如何都是第一次工作，但是一旦音频被播放并被要求重复，就听不到音频。 （例如：单击2。音频工作。然后单击1，音频工作，但下次点击任何一个没有声音）。

这个问题似乎只存在于Android浏览器中。它完全适用于Android中的Chrome浏览器以及PC的所有浏览器。