Недавно попал в такую ситуацию, на сайте заказчика нужно было сделать блок с портфолио работ. Попросили сделать все видео на простом плеере html5
1 2 3 4 | <video poster="video/duel.jpg" controls="controls" width="400" height="300"> <source src="video/duel.mp4" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2"" /> Тег video не поддерживается вашим браузером. <a href="video/duel.mp4">Скачайте видео</a>.</video> |
Использовав данных код оформив страницу заметил что сайт начал медленно подгружаться. Начал разбираться понял в чем причина, все добавленные видео в портфолио подгружались в кеш браузера одновременно. Причиной стал атрибут preload, он по умолчанию должен быть «none», а он почему то использовал по умолчанию «auto».
1 2 | <video preload="none | metadata | auto" width="300" height="150"> </video> |
Значения
- none — Не загружать видео.
- metadata — Загрузить только служебную информацию (размеры видео, первый кадр, продолжительность и др.).
- auto — Загрузить видео целиком при загрузке страницы.
Если у вас встречалась подобная ситуация напишите в комментариях в чем была проблема.
То что этот атрибут игнорируется, если установлен autoplay я знаю.
Спасибо за понимание =)