[gljudsonParticipant]

Is there a way to make the initial view of the video SMALLER within the code, or do I have to create the video at a smaller size to begin with?

It sort of LOOMS over the whole page when I use the default size as it appears in YouTube.

Thanks!

[RadModerator]

Hi there,

Thanks for posting in.

X video embed is responsive to it will always respond to it’s container size. If you’re referring to video embed, then you can create your own class name that will control your embed size.

Example, add this css at your customizer’s custom css.

.video-size-500-300 {
max-width: 500px;
display:block;
float:none;
}
.video-size-500-300 .x-responsive-video-inner{
padding-bottom:0;
height: 300px;
}

Now, what you need to do is add video-size-500-300 at your video shortcode anytime you want.

Eg.

[x_video_embed class="video-size-500-300"]<iframe src="http://player.vimeo.com/video/67051688" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>[/x_video_embed]

And if you’re referring to video post format or portfolio video, then it should be like this.

.single .entry-featured .x-responsive-video{
max-width: 500px;
display:block;
float:none;
}
.single .entry-featured .x-responsive-video-inner{
padding-bottom:0;
height: 300px;
}

Cheers!

[gljudsonParticipant]

PERFECT! Thank you!

[ZeshanMember]

You’re welcome welcome! 🙂

[blubackParticipant]

and what about the video aspect size? I need to embed 2.35 cinemascope videos and I do not want the top and bottom black bars.

[blubackParticipant]

something about 16:7 video aspect ratio. how do I change the video containers aspect?

thx you !

[ZeshanMember]

Hi Marco,

Thanks for writing in! To assist you with this, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you.

Thanks!

[blubackParticipant]

OOPS! my fault sorry 🙂
the URL is
http://terratremafilm.com/works
and
http://terratremafilm.com/works/trussardi is the test I did.
the video in that page has cinemascope aspect, the ratio is 2.35:1 (16:9 ratio is 1.78:1).
I tried to constrain the video container manually with this custom CSS:

.single .entry-featured .x-responsive-video{
max-width: 1200px;
display:block;
float:none;
}
.single .entry-featured .x-responsive-video-inner{
padding-bottom:0;
height: 510px;
}

but this way is not responsive and when I resize the browser window the black bars appear again.

[Paul RModerator]

Hi,

Try replacing your custom css code with this.

body .x-responsive-video .x-responsive-video-inner {
     padding-bottom:43%;
}

Hope that helps. 🙂

[blubackParticipant]

thx! it works!

[John EzraMember]

You’re welcome! Write us back anytime!

[Author]

Posts