Big gap above / below embedded video

[rick4him]

Hey guys, there is a huge space appearing above / below the Vimeo video I embedded on this post? Can you help me fix that, please?

Thanks!

[rad]

Hi Rick,

Thanks for reaching out.

The gap is part of the embed code, try wrapping your embed code with the video embed shortcode from here

http://demo.theme.co/integrity-1/shortcodes/responsive-video/

Example,

[x_video_embed]<iframe src="https://player.vimeo.com/video/307592693" width="1184" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>[/x_video_embed]

Thanks!

[rick4him]

Thanks, but I’m a little confused. If I use what you’re asking me to do, it will it still be responsive? Also, why does it do this? On other Wordpress sites I have I can simply drop in the video link.

Thanks.

[ruenel]

Hello Rick,

Yes you can simply drop a video link into your post and WordPress will automatically load the video. The problem is that by default, the iframe contents of your video which was displayed by WordPress automatically added some extra spaces in it. Adding the suggested shortcode with your video embed code in it, will reduce or removed those extra space. And yes, it will be as responsive as possible.

Hope this helps.