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

Question

[Николай]

Здравствуйте!
Имеем шапку сайта в шириной в 100% и высотой в размер экрана (получаем эту высоту с помощью jQuery).

Сейчас имеется картинка на фоне данной шапки с параметрами

background: url('/images/video.jpg') center center;
  background-size: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;

Дак вот необходимо вместо картинки вставить видео, сохранив поведение фона (адаптивность)
Подскажите, как это реализовать? Спасибо!

Answer 1

[Дмитрий Христоев]

https://www.youtube.com/watch?v=7S0X0OWMu_k

Comments

[Николай]

Благодарю!

Answer 2

[trushka]

video.bg {width: 10px; min-width: 100%; min-height: 100%}

И jQuery никакого не надо))

Comments

[Николай]

Спасибо)