小编mik*_*ike的帖子

HTML5 jQuery动态更改音频源

我有一个带默认源的音频元素.我希望能够使用jQuery动态更改音频源.我的代码更改了源代码,但始终播放默认音频.任何帮助将非常感激.谢谢.

<audio id="audio_player">
    <source id="audio_player_ogv" src="test.ogv" type="audio/ogg" />
    <source id="audio_player_mp3" src="test.mp3" type="audio/mpeg" />
</audio>
<a class="change_audio" rel="new_test" href="javascript:;">Change Audio</a>

$('.change_audio').click(function() {
    var new_audio = $(this).attr('rel');
    $('#audio_player_ogv').attr('src',new_audio+'.ogv').detach().appendTo($('#audio_player'));
    $('#audio_player_mp3').attr('src',new_audio+'.mp3').detach().appendTo($('#audio_player'));
    var aud = $('#audio_player').get(0);
    aud.play();
});
Run Code Online (Sandbox Code Playgroud)

audio jquery html5

9
推荐指数
2
解决办法
9322
查看次数

标签 统计

audio ×1

html5 ×1

jquery ×1