Forum

Ändra till 100% width på iframes

Utveckling av hemsidan

Ändra till 100% width på iframes

Inläggav Darwin » 2012-10-12 21.23

Jag föreslår att vi går från fast width och height på iframes till 100% och ett javascript som fixar en höjd med korkt aspect ratio.

Kod: Markera allt
<iframe width="100%" frameborder="0" src="http://www.youtube.com/embed/aaZWtzwlBTU" class="keep-aspect-ratio-16-9" ></iframe>


Kod: Markera allt
<script type="text/javascript">
  jQuery(function() {
    function setAspectRatio() {
      jQuery('.keep-aspect-ratio-16-9').each(function() {
        jQuery(this).css('height',jQuery(this).width()*9/16);
      });
    }

    setAspectRatio();   
  });
</script>


/Björn
Darwin
 
Inlägg: 26
Registrerad: 2012-09-07 13.28

Återgå till Webbplats



Vilka är online

Användare som besöker denna kategori: Inga registrerade användare och 2 gäster

π