Full video background как работает?

Question

[Сергей]

Не могу понять. Вот скрипт на codepen

В css указано

@media screen and (max-device-width: 800px) {
  html { background: url(//demosthenes.info/assets/images/polina.jpg) #000 no-repeat center center fixed; }
  #bgvid { display: none; }
}

Но если уменьшить экран, то видео не пропадает. Это у меня одного или у всех? И почему?

Answer 1

[Руслан Абдуллаев]

А почему оно должно пропадать, если заданы общие правила для тэга video?

video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
...

Answer 2

[archelon]

измените (max-device-width: 800px) на (max-width: 800px)