embed a youtube video in html and make it responsive css included

in this quick video, i’ll show you how to embed a youtube video in html, how to make it responsive on any sized device and i’ll reveal how you can easily adjust embed options such as autoplay. this will work for any iframes such as google maps iframe.

hosting i'm using: https://punchsalad.com/lp/hostpapa/ (60% discount)
where i get my domains: https://punchsalad.com/lp/namecheap-domain/
wp plugins i'm using: https://punchsalad.com/recommendations?utm_campaign=embedtube&utm_medium=social&utm_source=youtube
paypal tip jar: https://www.paypal.me/punchsalad
some of the above links might be affiliate links.

summary of steps:
1. copy the youtube embed code
2. paste it in your html
3. add div around it with class name “iframe-container”
4. make it responsive with below css code
5. you have successfully embedded a responsive youtube video into html. now you can get yourself a beer!

to see all the youtube video player options:
https://www.classynemesis.com/projects/ytembed/


css code:

.iframe-container{
position: relative;
width: 100%;
padding-bottom: 56.25%;
height: 0;
}
.iframe-container iframe{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}

if you are using wix or other platform where you can only use html then this what you need to add open and closing style tags. sorry youtube doesn't allow code in the description, just check the comments i've added it there.

text tutorial on my website: https://punchsalad.com/tutorials/embed-youtube-video/

embed a youtube video in html and make it responsive css in



lpu money matters how to build an emergency savings fund

embed a youtube video in html and make it responsive css included in this quick video, i’ll show you how to embed a youtube video in html, how to make it responsive on any sized device and i’ll reveal how you can easily adjust embed options such as autoplay. this will work for any iframes such as google maps iframe.hosting i'm using: https://punchsalad.com/lp/hostpapa/ (60% discount)where i get my domains: https://punchsalad.com/lp/namecheap-domain/wp plugins i'm using: https://punchsalad.com/recommendations?utm_campaign=embedtube&utm_medium=social&utm_source=youtubepaypal tip jar: https://www.paypal.me/punchsaladsome of the above links might be affiliate links.summary of steps:1. copy the youtube embed code2. paste it in your html3. add div around it with class name “iframe-container”4. make it responsive with below css code5. you have successfully embedded a responsive youtube video into html. now you can get yourself a beer!to see all the youtube video player options:https://www.classynemesis.com/projects/ytembed/css code:.iframe-container{ position: relative; width: 100%; padding-bottom: 56.25%; height: 0;}.iframe-container iframe{ position: absolute; top:0; left: 0; width: 100%; height: 100%;}if you are using wix or other platform where you can only use html then this what you need to add open and closing style tags. sorry youtube doesn't allow code in the description, just check the comments i've added it there.text tutorial on my website: https://punchsalad.com/tutorials/embed-youtube-video/

3NONI -halogenware -hocketoanvn -zithromax365 -wneen -prozac -lasix365 -expertsmigration -kahtaguncel -ufabet-win -finance us amagazine -oaksheritagecentre -tonystark -themetoday -essay2y -scattyfox -alanrickmandaily -hibagsmart -lormaspring -online store tutorial -كلمات اغاني - عيادات رويال - عيادات رويال البيطرية للحيوانات الأليفة - عيادة بيطرية متنقلة - عيادة بيطرية متنقلة جدة - عيادة بيطرية جدة - المطربين - الشعراء - الملحنين - الموزعين - الالبومات - دليل السياحة