Какие форматы и настройки использовать для видео-фона на сайт?

Хочу на сайте фоновое видео, подключаю 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 -->

Вопрос в том, какие настройки выставить правильно, чтобы решить следующие вопросы:
- размер должен как можно меньше, чтобы меньше грузилось
- формат должен поддерживаться у большинства людей
- качество должно быть хорошее, чтобы на больших экранах не терялось*
* По последнему пункту возможно есть какое-то другое решение вопроса?