HTML5 video player: динамическая загрузка видео

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

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

идеи? Спасибо!

12
dynamic html5 html5-video video

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>
26