如何使用另一个在线mp3资源更改<audio>标签中的src attr并重新加载</audio>

时间:2013-07-25 14:43:00

标签: jquery ajax html5 audio

我尝试修改标签的src属性并重新加载它。但是,这似乎不起作用。

     $.getJSON('/handler', function(data) {
        var items=[]
        alert('data')
        $('#artist').html(data.artist);
        $('#title').html(data.title);
        $(".audio").attr('src', data.url);
        $(".audio").attr('autoplay', true);
        $(".audio").load();
    }



        <audio id="players" class="audio" controls>
        <!-- <source src="horse.ogg" type="audio/ogg"> -->
        <source  src="http://mr4.douban.com/201307252205/c015e7928c2cbcb3be6ad0e38ff21838/view/song/small/p1451474.mp3" type="audio/mp3" reload="auto" >
            Your browser does not support the audio element.
      </audio>

我做了一些实验,如果用一些本地文件更改src,如:

 $(".audio").attr('src','/static/music/p186609.mp3')

如果我使用

,这是有效的
 $(".audio").attr('src','http://mr4.douban.com/201307252205/c015e7928c2cbcb3be6ad0e38ff21838/view/song/small/p1451474.mp3')

这不起作用。

1 个答案:

答案 0 :(得分:0)

这可能是由于浏览器策略阻止跨站点脚本编写。