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
test
Ygxfea tbkhgq viagra generic
Ygxfea tbkhgq viagra generic
Puytyz ooelcc sildenafil generic Buy cheap viagra internet
Dfxrdn hzdkhp best place to buy generic viagra Canadain viagra
Dfxrdn hzdkhp best place to buy generic viagra Canadain viagra
Oqwjly mcyzfn when is viagra generic Buy viagra com
Entlce mbejjf generic viagra online usa Canadian healthcare viagra
Kxstui ozdkhb Low cost canadian viagra Canadian generic viagra online
Ebzons ebrxce Canadian healthcare viagra Cost of viagra
Inaadi linuao Viagra overnight Get viagra fast
Qlduxp sigdxd erectile dysfunction medication Generic viagra in canada
Djupxz xpjojl Buy viagra in us Free viagra
Uzxxer fvuywq Real viagra online Viagra overnight shipping
Xuvdhq wurcrl cheap viagra generic best price Order viagra online
Pizjqp ismyru sildenafil without a doctor's prescription Overnight delivery viagra
Tsetwf khbsex Buy online viagra Brand viagra
Snnnjt nifcxd ed meds cheap erectile dysfunction pill
Tqxswx koiweh best erection pills ed pills online
Itbxwc yvxuhr ed medications new ed pills
Kowkit dnqidv ed meds cheap erectile dysfunction
Yktgqj jdjecz discount cialis erection pills online
Gone through this wonderful coures called Salesforce Certification Training in Dallas who are offering fully practical course, who parent is Salesforce Training in USA and they have students at Salesforce Training classes in Canada institutes.
Vcxtrc kbnzzs viagra online Real viagra online
Vcxtrc kbnzzs viagra online Real viagra online
I am so happy to found your blog post because it's really very informative. Please keep writing this kind of blogs and I regularly visit this blog. Have a look at my services.
This is really the best Top 20 Salesforce CRM Admin Development Interview Questions highly helpful. I have found these Scenario based Salesforce developers interview questions and answers very helpful to attempt job interviews. Wow, i got this scenario based Salesforce interview questions highly helpful.
Myself so glad to establish your blog entry since it's actually quite instructive. If it's not too much trouble continue composing this sort of web journals and I normally visit this blog. Examine my administrations.
Read these Salesforce Admin Certification Topics which are really helpful. I read these Salesforce Admin and Developer Certification Dumps and very much useful for me. I recommend this Salesforce Developer Training and Certification Course for you.
Great post! I am actually getting ready to across this information, It’s very helpful for this blog. Also great with all of the valuable information you have Keep up the good work you are doing well.
CRS Info Solutions Salesforce training for beginners
Add new comment