Тег 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 я знаю.
Спасибо за понимание =)