changer une source vidéo html5 en utilisant javascript/jquery

Question

J'ai une vidéo sur ma page Web comme ceci:

<div id="videoContainer"> 
<video id="video1" width="960" controls autoplay> 
    <source src=static/media/Wreck_It_Ralph_Trailer.mp4 type="video/mp4"> 
    Your browser does not support html5 video 
</video> 

et je veux changer la source de la vidéo en utilisant jquery/javascript. J'ai ce code, mais il ne fonctionne pas

$('source').attr({'src':'static/media/Here_Comes_The_Boom_Official_Trailer.mp4'}) 

Quelqu'un peut-il dire pourquoi cela ne fonctionne pas ou suggérer une bonne façon de le faire?

Answer 1

Après avoir examiné le lien Mic je besoin d'une ligne de code supplémentaire

a=document.getElementById('video1') 
a.load() 

Answer 2

Je crois que vous pouvez faire quelque chose comme ceci:

document.getElementById('video1').src = 'static/media/Here_Comes_The_Boom_Official_Trailer.mp4'; 

qui vient de changer la source du lecteur vidéo directement, sans tripoter avec les éléments DOM.