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
sildenafil sample - https://sildepills.com/ generic drugs
sildenafil discount - https://sildenafig.com/ online canadian pharmacy review
tadalafil buy - tadalafil pills cialis online pharmacy
tadalafil online reviews - http://taedfil.com/ canadian family pharmacy
online canadian pharmacy review - http://pharmedplls.com/ generic ed drugs
brand viagra - http://viavigra.com/ walgreens pharmacy
buy viagra cheap - viagra no prescription canadian pharmacy sarasota
us discount viagra overnight delivery - Pfizer viagra canada canada drugs reviews
generic cialis tadalafil 20mg - http://cicilisp.com/ vyvanse canadian pharmacy
cialis daily generic - Cialis free delivery walmart pharmacy
ocean casino online - http://slotsgamb.com/ is canadian pharmacy legit
cialis online buying - http://tadalafpis.com/ canadian pharmacy sildenafil
empire city casino online - http://casinomnx.com/ costco online pharmacy
win real money online casino for free - http://casinousm.com/ online pharmacy
buy generic fexofenadine online - buy ventolin inhalator online ed pills online
cheap essay online - online thesis writing pharmacy online store
loratadine - http://allergicxl.com/ best online canadian pharmacy
what is an antibiotic - antibioticpl.com canadian pharmacy generic levitra
buy bv antibiotics - http://antibioticxp.com/ canadian online pharmacy no prescription
iv antibiotics - chloramphenicol online canadian pharmacy reviews consumer reports
buy cialis online overnight shipping - http://edppharmacy.com/ canadian pharmacy review
us cialis - http://pisiapills.com/ mail order prescription drugs from canada
discount cialis online - cialis pricing canadian pharmacy online
buy viagra colorado - http://viagarar.com/ canadian pharmacy cheap
best online viagra - http://virviaga.com/ canadian online pharmacy cialis
cheapest generic viagra - levitra now pharmacy store
male erection pills - http://pllsed.com/ canadian pharmacy cialis reviews
male ed pills - http://strongplled.com/ vipps canadian pharmacy
trusted online pharmacy reviews - http://strongpha.com/ trusted online pharmacy reviews
mexican pharmacy online - online canadian pharmacy review best canadian pharmacy online
real money online casinos usa - gambling casino online canadian pharmacy sarasota
free slots online - http://antibitc.com/ canadian pharmacies
write essays for me - website to write essays canadian pharmacy ltd.
buy a term paper online - paper writing online ed drug
latest treatment for erectile dysfunction - keftab for sale canada pharmacy
play casino online - casino moons online casino canadian pharmacy scam
what are ed drugs - best erectile dysfunction pills ed treatment
https://www.ekffo150.com/theking
https://www.ekffo150.com/merit
https://www.ekffo150.com/yes
https://www.ekffo150.com/first
https://www.ekffo150.com/sands
https://www.ekffo150.com/joy
https://www.ekffo150.com/royal
https://www.ekffo150.com/starclub
https://www.ekffo150.com/asian
https://www.ekffo150.com/superman
https://www.ekffo150.com/gatsby
https://www.ekffo150.com/33casino
https://www.ekffo150.com/ondasino
https://www.ekffo150.com
https://www.ajp4949.com/theking
https://www.ajp4949.com/merit
https://www.ajp4949.com/sands
https://www.ajp4949.com/first
https://www.ajp4949.com/33casino
https://www.ajp4949.com/worldcasino
https://www.ajp4949.com/korea
https://www.ajp4949.com/
https://www.bgj4949.com/
https://www.bgj4949.com/sands
https://www.bgj4949.com/theking
https://www.bgj4949.com/first
https://www.bgj4949.com/yes
https://www.bgj4949.com/33
https://www.bgj4949.com/world
https://www.bgj4949.com/super
https://www.bgj4949.com/korea
https://www.bgj4949.com/gatsby
카지노사이트
예스카지노
퍼스트카지노
더킹카지노
메리트카지노
샌즈카지노
조이카지노
로얄카지노
스타클럽카지노
아시안카지노
슈퍼맨카지노
개츠비카지노
33카지노
온라인카지노
카지노사이트
퍼스트카지노
더킹카지노
메리트카지노
샌즈카지노
33카지노
월드카지노
코리아카지노c
카지노사이트
샌즈카지노
예스카지노
퍼스트카지노
더킹카지노
33카지노
월드카지노
슈퍼카지노
코리아카지노
개츠비카지노
viagra canada http://pfedonline.com/ Rwcbtp rouffi
best online pharmacy canadian pharmacy review Ovuovr bnenpc
buy cialis pills http://cialirpl.com/ Wmkbna cgvgoo
liquid tadalafil http://cadciali.com/ Ckrfuj cxlpwa
viagra without a doctor prescription viagra sildenafil Xumfzs mjlldn
viagra without a doctor prescription viagra sildenafil Xumfzs mjlldn
discount viagra free viagra sildenafil price
walmart pharmacy http://canadianedpls.com/ Mwyzru gnwvhj
cialis buy cialis online 20 cialis Xwohcc znfdqq
https://vardenedp.com/ - vardenafil https://vardenedp.com/ levitra vardenafil
https://www.ekffo150.com/theking
https://www.ekffo150.com/merit
https://www.ekffo150.com/yes
https://www.ekffo150.com/first
https://www.ekffo150.com/sands
https://www.ekffo150.com/joy
https://www.ekffo150.com/royal
https://www.ekffo150.com/starclub
https://www.ekffo150.com/asian
https://www.ekffo150.com/superman
https://www.ekffo150.com/gatsby
https://www.ekffo150.com/33casino
https://www.ekffo150.com/ondasino
https://www.ekffo150.com
https://www.ajp4949.com/theking
https://www.ajp4949.com/merit
https://www.ajp4949.com/sands
https://www.ajp4949.com/first
https://www.ajp4949.com/33casino
https://www.ajp4949.com/worldcasino
https://www.ajp4949.com/korea
https://www.ajp4949.com/
https://www.bgj4949.com/
https://www.bgj4949.com/sands
https://www.bgj4949.com/theking
https://www.bgj4949.com/first
https://www.bgj4949.com/yes
https://www.bgj4949.com/33
https://www.bgj4949.com/world
https://www.bgj4949.com/super
https://www.bgj4949.com/korea
https://www.bgj4949.com/gatsby
Add new comment