Могу ли я предварительно загрузить несколько видеоресурсов для загрузки в том же элементе HTML5 <video>?
Я разрабатываю подробные сведения о веб-приложении, которое предусматривает последовательную загрузку длинной серии (очень коротких) видеороликов один за другим, со случайным вводом от пользователя, устанавливающего новые направления, для которых загружаются видеоклипы,
Я бы хотел, чтобы браузер предварительно загрузил видеоролики по пять за раз. Тем не менее, способ, которым мы в настоящее время работаем на сайте, - это использовать один элемент видео, который имеет атрибут src
, постоянно обновляемый через JavaScript.
Есть ли простой способ заставить браузер предварительно загрузить несколько видеороликов, хотя я в конечном итоге загружаю их (по одному за раз) в один и тот же элемент видео?
Ответы
Ответ 1
Вы можете предварительно загружать изображения в браузерах, создавая тег <img>
в JavaScript и устанавливая его атрибут src
. Хотя он не требуется ни одной спецификацией, все браузеры затем загружают изображение и кэшируют его (при условии, что их тайники были отключены).
Не знаю, работает ли это с элементом <video>
в HTML5, но может быть. Не могли бы вы дать ему уйти?
Ответ 2
Мне было любопытно, если вы закончили проект, над которым работали? Я экспериментирую с видеопроигрывателем html5 с плейлистом и задаюсь вопросом, столкнулись ли вы с какими-то большими проблемами. Были ли проблемы с загрузкой/воспроизведением нескольких видеофайлов? Вы могли запустить это на iPad? У вас есть резерв для IE?
Мой подход: иметь один элемент <canvas>
с несколькими скрытыми элементами <video>
и использовать функцию canvas drawImage() для отображения и кроссфейдирования между видео.