0
Merhabalar,
Bir web sitesi tasarlıyorum. Bir sayfada videolar var. Bir videoyu tam ekran yaptığımda videonun üzerine sayfadaki diğer nesneler de geliyor. Hatta sayfanın menüsü bile geliyor. Sadece chrome'da oluyor. Player değiştirdim ancak sorun devam ediyor. Yardımcı olabilir misiniz?
1
Böyle bir sorun div'lerin class'ından kaynaklanabilir diye düşündüm ve teker teker div'leri kaldırmayı denedim. <Article> tag'ini kaldırdığımda sorun çözüldü.
0
Sorun z-index kaynaklı gibi görünüyor. Taşıyıcı için position:relative yaptıktan sonra diğer elementlerin z-index'ini yüsek değer verirseniz sorun çözülür gibi. Sayfanın menüsünün z-index değerine bakın. Aşağıdaki değerler menüden daha yüksek olmalı
#tasiyici { float: left; position: relative; left:0; top:0; }
#video { position: absolute; left: 0px; top: 0px; min-height: 100%;
min-width: 100%; z-index: 99997; }
#overlay { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%;
z-index: 99998; }
<div id="tasiyici">
<div id="overlay"></div>
<video id="video" width="" height="" controls="controls" loop="loop" autoplay="">
<source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" />
<source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg" />
Your browser does not support the video tag.
</video>
</div>
Cevap yazabilmek için üye girişi yapmalısınız.
Eğer uzmanim.net üyesiyseniz giriş yapabilirsiniz: üye girişi yap
uzmanim.net'e üye olmak çok kolaydır: hemen kayıt ol
hakan (2) 
alattin (2) 
sponsorluicerik (2)