Hvordan fjerne luft rundt Youtube-filmer på mobil.

[Jens1986]

Hei,

Hvis jeg legger inn en youtubefilm i en wordpress post, pleier jeg å bruke denne koden:

<iframe width="640" height="360" src="//www.youtube.com/embed/xx?rel=0&amp;modestbranding=1&amp;autohide=1&amp;showinfo=0&amp;controls=1" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Dette ser bra ut på PC, men på mobil så blir vinduet mye større enn selve filmen som vises. Noen som har noen tips?

 

[Pong]

prøv
style="width:100%;max-width:640px;height:auto"
og dropp
width="640" height="360"
?

 

[Jens1986]

prøv
style="width:100%;max-width:640px;height:auto"
og dropp
width="640" height="360"
?

Takk for svar, men det gjorde at filmene ble kjempesmå. Bredden tar bare 1/4 eller noe av plassen den har.

 

[Pong]

Kan være containeren av din iframe bestemmer det.

 

[Jens1986]

Ok. Så jeg bør høre med theme support?

 

[xdex]

Gidder ikke skrive en løsning på dette, da det finnes flere hundre tutorials som viser deg hvordan du kan gjøre det. Eksempel: http://avexdesigns.com/responsive-youtube-embed/

 

[Jens1986]

Thanks!