HTML5 видеоплеер: динамическая загрузка видео - PullRequest
Новая
       10

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

12 голосов
/ 30 августа 2010

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

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

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

1 Ответ

26 голосов
/ 01 сентября 2010

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

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