Changer la vidéo du lecteur

Bonjour à tous,

besoin de votre aide

Je suis entrain de faire un Player vidéo avec une Play-liste

lorsque je clic sur mon lien pour changer la vidéo en cours celle si ne s'actualise pas...

je Jquery ci-dessous change juste la valeur du SRC="",
Si au chargement de la page la valeur du SRC="" est vide et que je clic sur un lien pour lancer une vidéo cela fonctionne. (seulement pour la premier vidéo.. le changement de fonctionne pas..)
Mais si le SRC contient une valeur au chargement de la page cela ne fonctionne pas.. en gros ca ne ce charge pas..

voici le code Jquery:

Code:

1
2
3
4
5
    $('figure#video_player > figcaption > a').on('click', function(event) {
        event.preventDefault(); 
        $('figure#video_player > div#video_container > video > source').prop("src", $(this).attr('href'));
 
    });

Le code HTML :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
                        <figure id="video_player">
                          <div id="video_container">
                            <video controls poster="img/play.png">
                              <source class="video" src="upload/id_1-005-0803-37-video.mp4" type="video/mp4">
                            </video>
                          </div>
                          <figcaption>
                            <a href="upload/id_1-005-0803-37-video.mp4" class="currentvid">
                              <img src="img/play.png">
                            </a>
                            <a href="upload/id_2-005-0803-37-video.mp4">
                              <img src="img/play.png">
                            </a>
                            <a href="upload/id_3-005-0803-37-video.mp4">
                              <img src="img/play.png">
                            </a>
                          </figcaption>
                        </figure>