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

Donc, à l'aide d'un HTML 5 lecteur vidéo compatible, (comme la Vidéo JS) comment peut-on aller sur le chargement d'une vidéo de manière dynamique, sans avoir à recharger toute la page? Imaginez, une liste de liens (quelque chose comme une liste de lecture), et chaque lien pointe vers une vidéo. En cliquant sur le lien, je veux charger la vidéo dans le lecteur.

Actuellement, je suis en utilisant une Iframe qui tient le lecteur vidéo, donc en gros un-je passer une variable à l'Iframe, et de le recharger. Je ne pense pas que c'est idéal, pour plusieurs raisons; il n'autorise pas la vidéo pour le plein écran, la touche Retour déplace l'Iframe de retour et pas seulement la page principale, en plus, c'est un Iframe. Je préfère l'éviter.

Idées? Merci!

source d'informationauteur Benjamin Allison | 2010-08-30

  1. 25

    Est venu 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 HREF va appeler la fonction:

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