Nemmeste både at sikre embedded youtube videoer er responsive?

[mrlarsen]

Nogen ideer til, at sikre embedded youtube videoer er responsive? Kan selvfølgelig indstille størrelsen på hvor stor den skal være, men det nemmeste, bedste og mest optimale er, at den automatisk gjorder den responsive når man embedded den.

[KentChr_DK]

Hej @mrlarsen,

Det kan gøres på flere måder:

En måde kunne være en stump kode a la følgende:

<style>
.embed-responsive-player { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-responsive-player iframe, .embed-responsive-player object, .embed-responsive-player embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
</style>
 
<div class="embed-responsive-player"><iframe src="https://www.youtube.com/embed/XXXXXXXX" frameborder="0" ></iframe></div>

Du kan også følge denne tutorial, og lave et felt på dine produkter (egenskab), hvor du blot indsætter youtube koden, også ligger "responsive" i dine filer.

https://understandinge.com/forum/magento-theming-design/tutorial-add-video-tab-to-product-pages-ulti...

Modul til lightbox (popup) kunne være:
https://www.magentocommerce.com/magento-connect/youtube-responsive-lightbox.html

Du kan også forsøge med følgende stump kode i din css-fil:

iframe, object, embed {
        max-width: 100%;
        max-height: 100%;
}

Lad mig høre om det virker

[mrlarsen]

Lykkes at gøre det via den stump kode. Vi bruger et theme fra http://www.plazathemes.com/ og skulle være jeg skal forslå dem, at indbygge det i themet, at den selv kan gøre det?

[KentChr_DK · Accepted solution]

Super godt du fik det løst.
Husk at markere spørgsmålet som løst.
God aften 😉