html5 audio标签切换播放音乐的方法详解编程语言

html5 audio标签切换播放音乐的方法

<audio id="music1" preload loop="loop"></audio>
<div style="width:720px; height:60px;" luyinpath="/weiqingshu/music/music.mp3" class="ceshiqiehuan">测试1</div>
<div style="width:720px; height:60px;" luyinpath="/dongjun12/music/music.mp3" class="ceshiqiehuan">测试2</div>
<div style="width:720px; height:60px;" luyinpath="/kelaweiloushu/music/music.mp3" class="ceshiqiehuan">测试3</div>
<div style="width:720px; height:60px;" luyinpath="/lingjuli/music/music.mp3" class="ceshiqiehuan">测试4</div>

$('.ceshiqiehuan').each(function () {
 $(this).on('touchstart', function () {
 
 $('#music1')[0].pause();
 var luyinpath = $(this).attr('luyinpath');
 $('#music1').attr('src', luyinpath);
 $('#music1')[0].play();
 })
})

总结
先pause关闭 然后更换路径 然后play播放