Forum

Ändra till 100% width på iframes

Besvara

OBS! Du är inte inloggad i forumet ännu. Klicka här för att logga in


Den här frågan är till för att indentifiera och förebygga automatiska registreringar.
Smilies
:D :) :( :o :shock: :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen:
BBCode är
[img] är
[flash] är AV
[url] är
Smilies är
Trådhistorik
   

Expandera Trådhistorik: Ändra till 100% width på iframes

Ändra till 100% width på iframes

Inlägg av 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

Upp

cron
π