Joomla Templates Club 406,261 posts

[aog09 Friend aog09Join date: October 2009Posts: 13Downloads:36Uploads:0 Thanks: 7]

#896177

Hi
I want to add a video from YouTube in an article with 640px width (as picture) but it’s not responsive.
How can I add it to video changes dimensions authomatic?
Thank you.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#896193

Hi

Inside your custom.css file add this

.rwd-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

Then to incorporate iframe use this into the article

<div class="rwd-video">
<iframe width="640" height="315" src="https://www.youtube.com/embed/5Yvfa54j4T0" frameborder="0" allowfullscreen></iframe></div>

Best regards

---

Attachments:

1. 

1 user says Thank You to pavit for this useful post

1. aog09

[Author]

Posts