Lettore video HTML5: caricamento dinamico dei video

Question

Quindi, utilizzando un riproduttore video compatibile con HTML 5 (come Video JS) come si fa a caricare un video in modo dinamico, senza dover ricaricare l'intera pagina? Immagina, un elenco di link (qualcosa come una playlist) e ogni link punta a un video. Quando si fa clic sul collegamento, voglio caricare il video selezionato nel lettore.

Attualmente, sto usando uno Iframe che contiene il lettore video, quindi in pratica un passaggio a una variabile sull'Iframe e lo ricarico. Non penso che questo sia l'ideale, per alcune ragioni; non consente al video di andare a schermo intero, il pulsante Indietro sposta l'Iframe indietro non solo la pagina principale, inoltre, è un Iframe. Preferirei evitare questo.

Idee? Grazie!

Answer 1

È venuto con una soluzione semplice. Ecco la sceneggiatura; gettare questo nella testa:

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

E poi il HREF chiamerà la funzione:

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