HTML5-Videoplayer: Videos dynamisch laden

Question

Mit einem HTML 5-kompatiblen Videoplayer (wie Video JS) würde man also ein Video dynamisch laden, ohne die gesamte Seite neu laden zu müssen? Stellen Sie sich vor, eine Liste von Links (etwa eine Playlist), und jeder Link verweist auf ein Video. Wenn ich auf den Link klicke, möchte ich das ausgewählte Video in den Player laden.

Momentan benutze ich einen Iframe, der den Videoplayer enthält, also im Grunde genommen gebe ich eine Variable an den Iframe weiter und lade sie neu. Ich denke nicht, dass dies aus einigen Gründen ideal ist; Es erlaubt nicht, dass das Video in den Vollbildmodus wechselt, die Schaltfläche "Zurück" verschiebt den Iframe nicht nur auf die Hauptseite, sondern auch auf einen Iframe. Ich würde das lieber vermeiden.

Ideen? Vielen Dank!

Answer 1

Kam mit einer einfachen Lösung. Hier ist das Skript; werfen diese in den Kopf:

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

Und dann rufen die HREF die Funktion:

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