Почему браузеры загружают видео из всех источников?

Question

У меня есть несколько элементов видео на моей странице.Они выглядят так:

<video class="video-js" width="800" height="500" controls="controls" preload="auto">
<source src="http://myurl.com/videos/video01.mp4" type="video/mp4" />
<source src="http://myurl.comvideos/video01.webmvp8.webm" type="video/webm" />
<source src="http://myurl.com/videos/video01.ogg" type="video/ogg" />
</video>

Я полагаю, что разные браузеры должны загружать только видео из источников, которые им нужны, а не все видео из всех трех источников одновременно.Хотя, когда я просматриваю логи Firebug, я вижу, что они загружают все файлы, и это занимает слишком много времени.Что можно сделать, чтобы браузеры загружали только те файлы, которые им действительно нужны для воспроизведения видео?

Answer 1

<video width="320" height="240" controls preload>
  <source src="pr6.mp4"  type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
  <source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"'>
  <source src="pr6.ogv"  type='video/ogg; codecs="theora, vorbis"'>
</video>

Вы также должны указать кодек.

1. Параметры типа: http://wiki.whatwg.org/wiki/Video_type_parameters
2. Полное руководство: http://diveintohtml5.ep.io/video.html