Kako odpravimo težavo z YouTube video posnetki, ki plavajo pred vsebino

YouTube-video-posnetki-pred-vsebino

Vsi uporabniki in ustvarjalci spletnih strani so se že srečali s težavo, ki jo povzročajo YouTube video posnetki, ki plavajo oz. so pozicionirani pred vsemi ostalimi vsebinami. Ta napak sicer ni vidna v vseh brskalnikih, ampak v situacijah, ko se vidi vsekakor moteča, saj običajno prekriva menije ali ostale pomembne dele spletne strani.

Vsi spletni razvijalci takoj pomislijo na z-index značko, ki običajno reši ta problem, samo v tem primeru je napaka bolj sistemska. Namreč YouTube teče v obliki iframa, ki ima določeno delovanje v oknu in ima tako avtomatsko največji z-index in se tako pojavi pred vsemi vsebinami na strani. Zadevo enostavno rešimo z uporabo značke wmode=opaque v našem YouTube URL naslovu.

Primer:
http://www.youtube-nocookie.com/embed/j1DrAhzW1PI
spremenimo v
http://www.youtube-nocookie.com/embed/j1DrAhzW1PI?wmode=opaque

Značka wmode=opaque se mora nahajati na prvem mestu vaše URL povezave.

Primer celotne kode:

<iframe width="500" height="281" src="https://www.youtube-nocookie.com/embed/j1DrAhzW1PI?wmode=opaque" frameborder="0" allowfullscreen></iframe>

Adobov opis podobne težave pri SWF datotekah – http://helpx.adobe.com/x-productkb/multi/swf-file-ignores-stacking-order.html

Oznake: opaquepozicijaYouTube

Komentiraj


*