Видеоплеер HTML5: динамическая загрузка видео
Итак, используя видеоплеер, совместимый с HTML 5 (например, Video JS), как можно было бы загружать видео динамически, без перезагрузки всей страницы? список ссылок (что-то вроде плейлиста), и каждая ссылка указывает на видео. При нажатии на ссылку я хочу загрузить выбранное видео в проигрыватель.
В настоящее время я использую Iframe, который содержит видео Проигрыватель, поэтому в основном я передаю переменную в Iframe и перезагружаю ее. Я не думаю, что это идеально по нескольким причинам: это не позволяет видео переходить в полноэкранный режим, кнопка Back перемещает Iframe вернемся не только к главной странице, но и к фрейму. Я бы предпочел этого избежать.
Идеи? Спасибо!
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>