How can I reduce the size of a embedded vimeo video. – Themeco Community https://theme.co/archive/forums/topic/how-can-i-reduce-the-size-of-a-embedded-vimeo-video/feed/ Sun, 19 Oct 2025 10:48:07 +0000 https://bbpress.org/?v=2.6.14 en-US https://theme.co/archive/forums/topic/how-can-i-reduce-the-size-of-a-embedded-vimeo-video/#post-202673 <![CDATA[How can I reduce the size of a embedded vimeo video.]]> https://theme.co/archive/forums/topic/how-can-i-reduce-the-size-of-a-embedded-vimeo-video/#post-202673 Mon, 09 Feb 2015 23:30:40 +0000 draper3000 I’ve tried and failed to embed a vimeo video so it stops from scaling the full width of the site but is still aligned in the centre.

I got close but no cigar. It’s scaled down inside a container (though I ca see the borders of the container… which i don’t like)

I originally tried using normal X setup with video embed shortcodes placed inside a container…
and then used:

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&#8243; width=”500″ height=”281″ frameborder=”0″ webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>[/x_video_embed]

Which worked well enough but I could never stop the container from being left aligned.

I also tried with the visual composer… but keep getting stuck along a similar line…

]]> https://theme.co/archive/forums/topic/how-can-i-reduce-the-size-of-a-embedded-vimeo-video/#post-202674 <![CDATA[Reply To: How can I reduce the size of a embedded vimeo video.]]> https://theme.co/archive/forums/topic/how-can-i-reduce-the-size-of-a-embedded-vimeo-video/#post-202674 Mon, 09 Feb 2015 23:37:58 +0000 draper3000 Success…

Had to add <center> before and </centre> after the video embed.

Oh and make sure I spelt centre the preferred american way rather than the english way of centre.

Also the addition of no_container=”true” , got rid of the visual container border.

Happy days… its a small victory…

<center>[x_video_embed type=”16:9″ no_container=”true” class=”video-size-500-300″]<iframe src=”//player.vimeo.com/video/118648047?color=ffffff&title=0&byline=0&portrait=0″ width=”500″ height=”281″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>[/x_video_embed]</center>

]]> https://theme.co/archive/forums/topic/how-can-i-reduce-the-size-of-a-embedded-vimeo-video/#post-202942 <![CDATA[Reply To: How can I reduce the size of a embedded vimeo video.]]> https://theme.co/archive/forums/topic/how-can-i-reduce-the-size-of-a-embedded-vimeo-video/#post-202942 Tue, 10 Feb 2015 09:40:24 +0000 Senthil That’s Great & Cheers!

]]>