动态音频源更改无法正常工作

Question

动态音频源更改无法在opera和safari上运行，但在firefox，chrome和ie上工作正常。

  <audio id="audio" controls="" >
        <source src="" type="audio/mpeg" />
        </audio>

<ul id="playlist">
  <?php if($lists) { foreach ($lists as $list) { ?>
    <li class="active">
      <a href="music/<?php  echo $list;  ?>.mp3">
         <?php  echo $list;  ?> </a>
    </li>   
  <?php }}?>
</ul>

$('#playlist').on('click', 'a', function(e) {
    e.preventDefault();
    var src = $(this).attr('href');
    $('#audio source').attr('src', src);
});

Answer 1

你可以使用，

$('#audio').load();

使用加载来加载新音频

$('#audio').get(0).play();