Docs

[Kiljan]

Feature request:
Hi. I work with video and have a request for non landscape orientational video aspect ratios.

For example standing 16:9, 5:4, 3:2 and 1:1 aspect ratios. Would be great to embedd the same video size that instagram and other media platform uses.

This would need to be implemented in shortcodes and in the video blog formats.

There is no current workaround, I have tried and also used the forum for raising this matter before.

Thank you for you great theme!

[Rupok]

We certainly appreciate the feedback! This is something we can add to our list of feature requests. This way it can be taken into consideration for future development. All of these items are discussed with our team internally and prioritized based on the amount of interest a particular feature might receive. Thanks!

[Kiljan]

Thanks. Cant wait for you to implement it, please hurry 🙂

[Prasant Rai]

You are most welcome. Thanks for the valuable feedback. 🙂

[Kiljan]

Hi, I just thought I should add this info.
You see I want to add this code to my video blogpost.

<iframe src="https://player.vimeo.com/video/173146511?loop=1&color=777777&title=0&byline=0&portrait=0" width="640" height="800" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

And like I wrote above, the aspect ratios wont permit this video, or rather if will create black borders.

But I realized that If I selected audio embedd instead, it worked well, when I view the actuall blogpost:

But, with the audio post it messes up the blogs homepage:

So I guess, If I could add some code to wrap the audio embedd, so that It wont affect the blogs homepage, then it would an acceptable workaround.

Any idea of how to fix this?
Meanwhile I will let the post be a video post, and allow for the black bars on the sides.
Here is the SITE: http://timelapse.nu/
and here is the BLOGPOST: http://timelapse.nu/2016/07/02/portrait_hyperlapse_kungsholmen/
Thanks

[Rad]

Hi there,

Have you tried selecting a proper aspect ratio for the video? It’s a vertical video.

And please provide your admin login credentials in private reply for further checking.

Thanks!

[Kiljan]

This reply has been marked as private.

[Kiljan]

This reply has been marked as private.

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.blog .post-29 .x-video .x-video-inner.five-by-four {
    padding-bottom: 0;
    height:606px;
}

.blog .post-29 .x-video .x-video-inner.five-by-four iframe {
    height:595px;
}

.single-post.postid-29 .x-video .x-video-inner iframe {
     max-width: 640px;
     height:800px;
}

.single-post.postid-29 .x-video .x-video-inner {
    padding-bottom: 0;
    height:800px;
     text-align:center;
}

Hope that helps.

[Kiljan]

Hi, what should I do If I want to repeat that code on multiple posts?

Also, I would like to get a simillar code to a video with 2.35:1 ratio, wich is the widescreen cinema standard-

Thanks

[Joao]

HI There,

You can change the post id in front of the code to use this in another post.

And you can play with the px values on the code to achieve the desired layout in case you want a different aspect ration.

Hope that helps

Joao

[Kiljan]

SO I´f all my future posts have that aspect ratio I need to ad that css code for all posts?
Seem like a strange solution, I´snt it possible to add more aspect ratios to the blog post video format instead?

[Rupok]

Hi there,

If you need to apply different aspect ratio for different posts then you need to do this individually. Otherwise you can set one aspect ratio globally by taking off the post ID from the code (.postid-29).

Cheers!

[Author]

Posts