Quick snippet how to make a youtube embed video responsive by CSS only.
The easiest way, using viewport units (IE9+)
iframe { width: 100vw; height: 56.25vw; /* 100/56.25 = 560/315 = 1.778 */ background:red; }
CSS2 style fix using a CSS trick and wrapper with class .aspect-ratio:
.aspect-ratio { position: relative; width: 100%; height: 0; padding-bottom: 56%; /* The height of the item will now be 56% of the width. */ } /* Adjust the iframe so it's rendered in the outer-width and outer-height of it's parent */ .aspect-ratio iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
Check here: https://jsfiddle.net/fhde7ddd
×
Comments
Viagra Generique Arrow
cialis tadalafil beter dan viagra
cialis chewable
Propecia Rae
Prueba Gratuita De Viagra
Length Of Levitra Patent
Viagra Bestellen Serios
Viagra Pour Bebe
Baclofene Internet
Isotretinoin price
Cialis En Farmacia Sin Receta
Viagra Effets Negatifs
Celebrex Discount Card Pfizer
Is Keflex Good For Teeth Nfection
Acheter Cialis Occasion
How To Take Amoxicillin 1000 Mg
Commande Cialis Generic
buy levitra line
Le Viagra Ordonnance
Fast Delivery Viagrabest Online Price
Priligy Si Trova In Farmacia
Acyclovir No Script
Propecia Cancer Testicular
Cuanto Vale Cialis
Acheter Kamagra Bon Marche
Amoxicillin And Daily Dosage
Viagra Blu
Buy Online Viagra Pfizer From Pakistan
foros cialis sin receta
Kamagra Francais Acheter
levitra dolor de espalda
Macrobid Urinary Tract Infections
Line Pharmacy Levitra
Cialis Achat En Ligne Canada
Viagra Buy Uk Amsterdam
Online Acticin Buy Now
Efecto De Kamagra
Buy Silagra 100 Mg
Secure Ordering Bentyl
Amoxicillin 250 Gg 848
Como Comprar Cialis En Espana
Buy Generic Celebrex Online
Reputable Online Levitra
Cialis 20mg No 12
Buycheapviagrausa
Medsindia
Peut Acheter Kamagra Pharmacie
Real Generic Dutasteride Online
Himcolin
Does Amoxicillin Affect Pap Smear