Илья Черепинец
19 Январь, 2016     1 200     0

Тег video html5


Недавно попал в такую ситуацию, на сайте заказчика нужно было сделать блок с портфолио работ. Попросили сделать все видео на простом плеере 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=&quot;avc1.42E01E, mp4a.40.2&quot;" />
   Тег 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 я знаю.
Спасибо за понимание =)


Оцените статью:

Оцениваю на 1Оцениваю на 2Оцениваю на 3Оцениваю на 4Оцениваю на 5 5,00 из 5 на основе 1 оценок
Загрузка...

РУБРИКИ

НОВОЕ

ТОП