Браузер загружает сразу все видео под все размеры экранов, если я использую media queries или нет?

Question

[AG15]

Наример, есть код:

<video controls>
<source src="the-sky-is-calling-large.mp4" media="screen and (min-width:800px)">
<source src="the-sky-is-calling-large.webm" media="screen and (min-width:800px)">
<source src="the-sky-is-calling-small.mp4" media="screen and (max-width:799px)">
<source src="the-sky-is-calling-small.webm" media="screen and (max-width:799px)">
</video>

Браузер загрузит сразу и large и small или только одну версию, в зависимости от текущих размеров экрана?

Comments

[Сергей delphinpro]

откройте в браузере средства разработчика и проинспектируйте вкладку "Network". Сами и увидите, что загружает браузер.

Answer 1

[Антон Щербаков]

Нет, браузер выберет тип файла сам, а так же основываясь на размере экрана - начнет загружать попадающий под условие файл.

Вы можете это проверить сами с помощью консоли разработчика в браузере.