HTML5 arka plan videosu, medya sorgularını görüntülemeye devam ediyor

Bu yüzden wordpress CMS'imde bu arkaplan videosu var ve şimdi daha küçük cihazlarda saklanmasını söylemek istiyorum; görünmeye devam ediyor. Burada yanlış olan ne? İşte kod:

.header-unit {
  height: 618px;
  border: 0px solid #000;
  border-right:none;
  border-left: none;
  position: relative;
  padding: 20px;
}
#video-container {
position: absolute;
}

#video-container {
top:0%;
left:0%;
height:100%;
width:100%;
-webkit-filter: blur(7px);
-webkit-transition: all 3s ease;
-moz-transition: all 3s ease;
-ms-transition: all 3s ease;
-o-transition: all 3s ease;
transition: all 3s ease;
overflow: hidden;
}

#video-container:hover {
 -webkit-filter: blur(0px);
 -moz-opacity: 1;
 opacity: 1;
}
 video {
  position:absolute;
  z-index:0;
 }
  video.fillWidth {
  width: 100%;

@media only screen and (max-width: 479px) and (min-width: 0px)
.video-container {
    background:none;!important
}

Bu arada sorulan benzer soruları gördüm ama cevaplar bana yardımcı olmadı :-)

Ve işte HTML:

<div class="header-unit">
<div id="video-container">
0
İlgili HTML’yi de gönderir misiniz?
katma yazar Jesse Kernaghan, kaynak
İlgili HTML’yi de gönderir misiniz?
katma yazar Jesse Kernaghan, kaynak
İlgili HTML’yi de gönderir misiniz?
katma yazar Jesse Kernaghan, kaynak
İlgili HTML’yi de gönderir misiniz?
katma yazar Jesse Kernaghan, kaynak
Medya sorgularınız .video-container sınıfını hedeflemiyor # video container kimliği değil mi?
katma yazar AnnieMac, kaynak
Yapması kolay hata - hepimiz bazen kodlara bakarken kör oluyoruz!
katma yazar AnnieMac, kaynak
Medya sorgularınız .video-container sınıfını hedeflemiyor # video container kimliği değil mi?
katma yazar AnnieMac, kaynak
Medya sorgularınız .video-container sınıfını hedeflemiyor # video container kimliği değil mi?
katma yazar AnnieMac, kaynak
Yapması kolay hata - hepimiz bazen kodlara bakarken kör oluyoruz!
katma yazar AnnieMac, kaynak
Yapması kolay hata - hepimiz bazen kodlara bakarken kör oluyoruz!
katma yazar AnnieMac, kaynak
Yapması kolay hata - hepimiz bazen kodlara bakarken kör oluyoruz!
katma yazar AnnieMac, kaynak
HTML de eklendi!
katma yazar magin, kaynak
HTML de eklendi!
katma yazar magin, kaynak
Hata! Evet haklısınız, onunla farklı bir rota seçmeyi denedim ve geri almayı unuttum. Ayrıca, kimliği hedeflerken de çalışmaz
katma yazar magin, kaynak
Hata! Evet haklısınız, onunla farklı bir rota seçmeyi denedim ve geri almayı unuttum. Ayrıca, kimliği hedeflerken de çalışmaz
katma yazar magin, kaynak
Hata! Evet haklısınız, onunla farklı bir rota seçmeyi denedim ve geri almayı unuttum. Ayrıca, kimliği hedeflerken de çalışmaz
katma yazar magin, kaynak
Hata! Evet haklısınız, onunla farklı bir rota seçmeyi denedim ve geri almayı unuttum. Ayrıca, kimliği hedeflerken de çalışmaz
katma yazar magin, kaynak
HTML de eklendi!
katma yazar magin, kaynak
HTML de eklendi!
katma yazar magin, kaynak

7 cevap

Medya sorgularınız #video-container kimliği değil .video-container sınıfını hedefliyor ve videonuz arka plan öğesi değil bir html öğesi

Değişiklik

@media only screen and (max-width: 479px) and (min-width: 0px)
.video-container {
background:none;!important
} 

için

@media only screen and (max-width: 479px) and (min-width: 0px)
#video-container {
    display:none;!important
}
2
katma
Sorun değil! Memnuniyetle yardım ettim :-)
katma yazar AnnieMac, kaynak
Ben sadece tekrar baktım - video bir 'arka plan' elemanı olmadığı için tüm div'i gizlemeniz gerekiyor - üzgünüm, cevap güncellendi
katma yazar AnnieMac, kaynak
Görebildiğim canlı bir önizlemeniz var mı?
katma yazar AnnieMac, kaynak
Çok teşekkürler :-)), normalde bu işi yapmalı :( Ama bu lanet video hala görünmüyor!
katma yazar magin, kaynak
Ahhhhh Anladım! Bir milyon teşekkürler!
katma yazar magin, kaynak

Medya sorgularınız #video-container kimliği değil .video-container sınıfını hedefliyor ve videonuz arka plan öğesi değil bir html öğesi

Değişiklik

@media only screen and (max-width: 479px) and (min-width: 0px)
.video-container {
background:none;!important
} 

için

@media only screen and (max-width: 479px) and (min-width: 0px)
#video-container {
    display:none;!important
}
2
katma
Sorun değil! Memnuniyetle yardım ettim :-)
katma yazar AnnieMac, kaynak
Ben sadece tekrar baktım - video bir 'arka plan' elemanı olmadığı için tüm div'i gizlemeniz gerekiyor - üzgünüm, cevap güncellendi
katma yazar AnnieMac, kaynak
Görebildiğim canlı bir önizlemeniz var mı?
katma yazar AnnieMac, kaynak
Çok teşekkürler :-)), normalde bu işi yapmalı :( Ama bu lanet video hala görünmüyor!
katma yazar magin, kaynak
Ahhhhh Anladım! Bir milyon teşekkürler!
katma yazar magin, kaynak

Medya sorgularınız #video-container kimliği değil .video-container sınıfını hedefliyor ve videonuz arka plan öğesi değil bir html öğesi

Değişiklik

@media only screen and (max-width: 479px) and (min-width: 0px)
.video-container {
background:none;!important
} 

için

@media only screen and (max-width: 479px) and (min-width: 0px)
#video-container {
    display:none;!important
}
2
katma
Sorun değil! Memnuniyetle yardım ettim :-)
katma yazar AnnieMac, kaynak
Ben sadece tekrar baktım - video bir 'arka plan' elemanı olmadığı için tüm div'i gizlemeniz gerekiyor - üzgünüm, cevap güncellendi
katma yazar AnnieMac, kaynak
Görebildiğim canlı bir önizlemeniz var mı?
katma yazar AnnieMac, kaynak
Çok teşekkürler :-)), normalde bu işi yapmalı :( Ama bu lanet video hala görünmüyor!
katma yazar magin, kaynak
Ahhhhh Anladım! Bir milyon teşekkürler!
katma yazar magin, kaynak

Medya sorgunuzda .video-container yerine # video-container kullanmayı deneyin.

1
katma

Medya sorgunuzda .video-container yerine # video-container kullanmayı deneyin.

1
katma

Medya sorgunuzda .video-container yerine # video-container kullanmayı deneyin.

1
katma

Medya sorgunuzda .video-container yerine # video-container kullanmayı deneyin.

1
katma