Lecteur vidéo HTML5: chargement dynamique de vidéos

Question

Ainsi, en utilisant un lecteur vidéo compatible HTML 5 (comme Video JS), comment charger une vidéo dynamiquement sans avoir à recharger toute la page? Imaginez, une liste de liens (quelque chose comme une playlist), et chaque lien pointe vers une vidéo. Lorsque vous cliquez sur le lien, je veux charger la vidéo sélectionnée dans le lecteur.

Actuellement, j'utilise un Iframe qui contient le lecteur vidéo, donc en gros je passe une variable à l'Iframe, et je la recharge. Je ne pense pas que ce soit idéal, pour quelques raisons; il ne permet pas à la vidéo de passer en plein écran, le bouton Retour déplace l'Iframe en arrière, pas seulement sur la page principale, en plus, c'est un Iframe. Je préfère éviter cela.

Des idées? Merci!

Answer 1

Je suis arrivé avec une solution simple. Voici le script. jeter cela dans la tête:

function vidSwap(vidURL) { 
var myVideo = document.getElementsByTagName('video')[0]; 
myVideo.src = vidURL; 
myVideo.load(); 
myVideo.play(); 
} 

Et puis le HREF appellera la fonction:

<a href="#" onClick="javascript:vidSwap('myMovie.m4v'); return false;">Link</a>