Видеопроигрыватель HTML5: динамическая загрузка видеороликов

Question

Итак, используя совместимый с HTML 5 видеопроигрыватель (например, Video JS), как можно было бы загружать видео динамически, не перезагружая всю страницу? Представьте себе, список ссылок (что-то вроде плейлиста), и каждая ссылка указывает на видео. При нажатии на ссылку я хочу загрузить выбранное видео в плеер.

В настоящее время я использую iframe, который содержит видеоплеер, поэтому в основном я передаю переменную на Iframe и перезагружаю ее. Я не думаю, что это идеально, по нескольким причинам; он не позволяет видео в полноэкранном режиме, кнопка «Назад» перемещает Iframe обратно не только на главную страницу, плюс, это iframe. Я бы предпочел избежать этого.

Идеи? Благодаря!

Answer 1

Вышло с простым решением. Вот сценарий; бросить это в голове:

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

И тогда HREF будет вызывать функцию:

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