Jquery Ändern der Videoquelle Src hat nicht den gewünschten Effekt

Question

Ich versuche die SRC-Datei eines Videoelements auf meiner Seite dynamisch zu ändern, aber wenn ich die Quelle ändere, scheint es das Video überhaupt nicht zu beeinflussen.

Ich kann sogar das Video-Quellelement im Browser löschen und das Video tuckert weiter, als ob nichts passiert wäre.

Missverstehe ich das Videoelement?

Dank

Demo: https://jsfiddle.net/wh1pwzm6/3/

Html

<video id="video-10" width="300px" videoid="2" class="text-left video-content fadeIn wow animated" autoplay="" loop="" muted="" animationid="8" style="animation-duration: 5s; visibility: visible; animation-name: fadeIn;"> 
    <source id="src-video-10" src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4"> 
</video> 

JQuery

var newfile = "http://www.w3schools.com/html/mov_bbb.mp4"; 

$("#src-video-10").attr('src',newfile); 

bearbeiten, danke für die Antwort auf guest271314, die Antwort unter

bearbeitet

var newfile = "http://www.w3schools.com/html/mov_bbb.mp4"; 


var video = $("#video-10")[0]; 
video.pause(); 
$("#src-video-10").attr('src',newfile); 
video.load(); 
video.play(); 

Answer 1

Hinweis, Sie wählen videosrc, obwohl source Element verwendet?

Versuchen .load() dann .play() auf video Element ruft nach der Einstellung sourcesrc

var video = $("#video-10"); 
video.find("source").attr("src", newfile); 
video.get().load(); 
video.get().play();