Хочу на сайте фоновое видео, подключаю 2 формата mp4 и webm.
<!-- video -->
<div id="trailer" class="is_overlay">
<video id="video" width="100%" height="auto" autoplay="autoplay" loop="loop" preload="auto">
<source src="/video/smoke.mp4"></source>
<source src="/video/smoke.webm" type="video/webm"></source>
</video>
</div>
<!-- /video -->
Вопрос в том, какие настройки выставить правильно, чтобы решить следующие вопросы:
- размер должен как можно меньше, чтобы меньше грузилось
- формат должен поддерживаться у большинства людей
- качество должно быть хорошее, чтобы на больших экранах не терялось*
* По последнему пункту возможно есть какое-то другое решение вопроса?