Могу ли я предварительно загрузить несколько видеоресурсов для загрузки в том же элементе HTML5 <video>?

Я разрабатываю подробные сведения о веб-приложении, которое предусматривает последовательную загрузку длинной серии (очень коротких) видеороликов один за другим, со случайным вводом от пользователя, устанавливающего новые направления, для которых загружаются видеоклипы,

Я бы хотел, чтобы браузер предварительно загрузил видеоролики по пять за раз. Тем не менее, способ, которым мы в настоящее время работаем на сайте, - это использовать один элемент видео, который имеет атрибут src, постоянно обновляемый через JavaScript.

Есть ли простой способ заставить браузер предварительно загрузить несколько видеороликов, хотя я в конечном итоге загружаю их (по одному за раз) в один и тот же элемент видео?

Ответ 1

Вы можете предварительно загружать изображения в браузерах, создавая тег <img> в JavaScript и устанавливая его атрибут src. Хотя он не требуется ни одной спецификацией, все браузеры затем загружают изображение и кэшируют его (при условии, что их тайники были отключены).

Не знаю, работает ли это с элементом <video> в HTML5, но может быть. Не могли бы вы дать ему уйти?

Ответ 2

Мне было любопытно, если вы закончили проект, над которым работали? Я экспериментирую с видеопроигрывателем html5 с плейлистом и задаюсь вопросом, столкнулись ли вы с какими-то большими проблемами. Были ли проблемы с загрузкой/воспроизведением нескольких видеофайлов? Вы могли запустить это на iPad? У вас есть резерв для IE?

Мой подход: иметь один элемент <canvas> с несколькими скрытыми элементами <video> и использовать функцию canvas drawImage() для отображения и кроссфейдирования между видео.