Как изменить источник в html5 видео с помощью jQuery

Question

У меня есть потоковая передача видео html5, и мне нужно изменить его источник * после некоторого нажатия. Итак, что я делаю, работает, но только в html, я могу видеть изменение источника, но он не меняется на моем дисплее, вы можете мне помочь? Что не так? * Источник добавляет из xml-файла.

HTML

<video autoplay loop width="960" height="540" id="video"> 
    <source src="video/movie_01.mp4" id="tv_main_channel"> 
</video> 

JS

btn.on('click', function(){ 
    var tv_main_channel = $('#tv_main_channel'), 
     d_program_source_mp4 = $(program_self).find("program_source_mp4").text(); 

    tv_main_channel.attr('src', d_program_source_mp4); 
} 

также я попробовать его с append, но он по-прежнему не работает

var video_block = $('#video'); 

video_block.empty(); 
video_block.append(
    '<source src="'+ d_program_source_mp4 +'">' 
); 

Thx за помощью.

Answer 1

Это просто, просто сделать это:

btn.on("click", function(){ 
    var src = "new_video_src.mp4"; 
    $("#video").find("#tv_main_channel").attr("src", src) 
}) 

Answer 2

Смотрите эту скрипку: http://jsfiddle.net/qGbzb/2/

Чтобы динамически загружать видео, нужно запустить

var video_block = $('#video'); 
video_block.load(); 

Тогда вы также должны видеть изменения в дисплей тоже, и не только в html.

Answer 3

Вы можете использовать, как это в случае щелчка

var src = "new_video_src.mp4"; 
    $("#tv_main_channel").src=src; 

Это фактический метод для видео тегов элементов