Videopress shortcode parameters not working

Support
#1

I’m hosting my site on wordpress.com and as part of the bundle I get videopress for free

However, there’s a bug / incompatibility / some weird CSS thing going on with it.

The shortcode parameters for width and height of video don’t seem to have any effect and the videos all end up at some weird, but uniform height

Couple examples

Weirdly, when this video doesn’t have same problem and the only difference I could see is that the video itself is portrait

I’ve seen a related thread but that’s locked and did not appear to get resolved…

#2

Hello There,

Thanks for writing in! I can confirm that this is a conflict between X and VideoPress plugin. To resolve this, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.video-player iframe{
    width: 400px;
}

Feel free to change the width when needed.

#3

Great, working :slight_smile:
Is there a way to centre the video? I’ve tried setting the margins to auto but no effect

#4

Hi There,

Please try :

.video-player iframe{
 width: 400px;
 margin: auto;
}

Hope it helps

#5

Hi,

Have tried that already - not centring unfortunately :confused:

#6

Hello @kenwen,

Please try following CSS to center align video:

.video-player {margin: 0 auto; display: flex; width: 700px;}

Thanks.

1 Like
#7

Fantastic! That’s worked perfectly, thanks :slight_smile:

#8

On behalf of my colleague, you’re welcome. Cheers!