Joomla Templates Club 406,261 posts

[hbic Friend hbicJoin date: June 2015Posts: 189Downloads:15Uploads:5 Thanks: 61 Thanked: 6 times in 1 posts]

#662463

I need to embed a responsive video into a block and I’m asking for advice on how to do this. Does a block exist that is suitable for embedding a high resolution video that provides for some text above it?

Are there any examples of this?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#662609

If the video on your site uses with youtube video you can follow the guide below

+ Create a container div around the iframe code and give it a class eg:

<blockquote><div class=”video-container”><iframe…….></iframe></div></blockquote>

+ Add in the CSS:

.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

with other video you can read the sample from there

1 user says Thank You to Ninja Lead for this useful post

1. hbic

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#745767

If the video on your site uses with youtube video you can follow the guide below

+ Create a container div around the iframe code and give it a class eg:

<blockquote><div class=”video-container”><iframe…….></iframe></div></blockquote>

+ Add in the CSS:

.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

with other video you can read the sample from there

1 user says Thank You to Ninja Lead for this useful post

1. hbic

[Author]

Posts