wake-up-neo.com

So ändern Sie die Quelle in HTML5-Video mit jQuery

Ich habe ein html5-Videostreaming und muss es * nach ein paar Klickaktionen ändern. Also, was ich mache funktioniert, aber nur in HTML kann ich die Quelländerung sehen, aber es ändert sich nichts auf meinem Display. Können Sie mir helfen? Was ist falsch? * Die Quelle wird aus der XML-Datei angehängt. 

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);
}

ich versuche es auch mit append, aber es funktioniert immer noch nicht

var video_block = $('#video');

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

Danke für die Hilfe.

javascriptjqueryhtml5video
13
Lukas

Es ist ganz einfach:

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

Siehe diese Geige: http://jsfiddle.net/qGbzb/2/

Um Videos dynamisch laden zu können, müssen Sie sie ausführen

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

Dann sollten Sie auch eine Änderung in der Anzeige sehen, und nicht nur in der HTML-Datei.

26
richie

Sie können dies in einem Click-Event verwenden

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

Dies ist die eigentliche Methode für Video-Tag-Elemente

0
Manu M