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

У меня есть потоковая передача видео html5, и мне нужно изменить его источник * после некоторого действия click. Итак, что я делаю, работает, но только в 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 +'">'
);

спасибо для справки.

Ответ 1

Это просто, просто сделайте следующее:

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

Ответ 2

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

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

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

Затем вы также должны увидеть изменение на дисплее, а не только в html.

Ответ 3

Вы можете использовать это в событии click

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

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