Подтвердить что ты не робот

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

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

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

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

4b9b3361

Ответ 1

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

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>