Youtube embed i z-index problem + rozwiązanie

Problem z filmikiem Youtube na własnej stronie, który nie chowa się np. pod menu.

youtube_logo

Dodawanie filmiku z Youtube na własną stronę jest szybkie i łatwe. Przykładowy kod możemy sobie wygenerować bezpośrednio pod filmem, który chcemy wstawić, a wyglądać będzie on mniej więcej tak:

1
<iframe id="youtube" src="http://www.youtube.com/embed/wBtkdje5OfY" height="480" width="853" allowfullscreen="" frameborder="0"></iframe>

Niestety jeśli nasza strona przewija się w pionie i do tego mamy menu przyczepione do topa strony, możemy zetknąć się z takim problemem:

youtube problem

Wyraźnie widać, że iframe z filmem przykrywa nam menu. Recepta na to jest banalnie prosta – wystarczy do linku z filmem dodać „?wmode=opaque”. Kod będzie wyglądał wtedy tak:

1
<iframe id="youtube" src="http://www.youtube.com/embed/wBtkdje5OfY?wmode=opaque" height="480" width="853" allowfullscreen="" frameborder="0"></iframe>

Wszystko działa i Denerys jest już na swoim miejscu. 🙂

youtube working

Related Posts Plugin for WordPress, Blogger...

Leave a comment

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *