Reproductor de video HTML5: cargar videos dinámicamente

Question

Entonces, usando un reproductor de video compatible con HTML 5 (como Video JS), ¿cómo se podría cargar un video dinámicamente sin tener que volver a cargar toda la página? Imagine, una lista de enlaces (algo así como una lista de reproducción), y cada enlace apunta a un video. Al hacer clic en el enlace, quiero cargar el video seleccionado en el reproductor.

Actualmente, estoy usando un iframe que contiene el reproductor de video, así que básicamente, transfiero una variable al iframe y la vuelvo a cargar. No creo que esto sea ideal, por algunas razones; no permite que el video pase a pantalla completa, el botón Atrás mueve el Marco flotante no solo a la página principal, sino que también es un Marco flotante. Prefiero evitar esto.

Ideas? ¡Gracias!

Answer 1

Llenar con una solución simple. Aquí está el guion; tirar esto en la cabeza:

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

Y entonces el HREF llamará a la función:

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