Force video player into portait mode?

[Ben]

I have a 16:9 portrait phone recording that I wish to embed. It is uploaded to the wordpress site. The problem is as the column is not very wide, the video player is preventing the image from displaying at full height. In effect, it is defaulting to landscape mode, which caps the max height of the video.

Any ideas on how to modify the element?
Here is the page. I was playing with the video element as well as the classic player.

http://18.209.43.156/local-business/advertising-packages-v-2/

[ruenel]

Hello There,

Thanks for writing in! Please convert your video first. You have video.mov. You must convert it to *.mp4, ogv or webm format so that it would be cross browser compatible.

Please keep in mind that 16:9 or the landscape mode is the default view of the video. You may need to set custom video size or simply upload the video in Youtube and use the embed code from Youtube to be added in a video element.

Hope this helps.

[Ben]

okay, so my question is how to set the a custom video size. The problem is that the container - the video player - is in landscape - meaning that a narrow column prevents the video from being shown full width.

Any thoughts on accomplishing this would be great.

[paul.r]

Hi,

To add custom size, try adding a class to your video element.

Then add this in Theme Options > CSS

.my-video .x-frame-inner {
    padding-bottom: 500px;
}

You may change 500px to adjust

Hope that helps.