Responsive video aspect ratios?

I have videos on my website in my articles but the max width’s cut off the left and right side of the videos. Is there a way to make it responsive so that the video stays at the same ratio or ignores the max width css property? Just basically anything so that the video doesn’t look cut off on the left or right.

Link here for example: https://www.loftuspeak.com.au/why-is-disruption-working-as-an-investment-theme/

Hello James,

Thank you for the very detailed post information. It seems that you are using an older version of the theme. Could you please update to the latest versions? Our latest versions are:

  • X theme 6.5.5
  • Cornerstone 3.5.4

This latest release contains fixes for several issues so be sure to check out the changelog (http://theme.co/changelog/).

_After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.-

Please let us know how it goes.

I’ve updated to the latest theme version and I’m still having the same issue https://www.loftuspeak.com.au/why-is-disruption-working-as-an-investment-theme/

Here is what I want it to look like. Is it possible with the theme or do I need another plugin?

Right now the video’s look like squares wheras the ratios should be rectangles. Can this be changed site wide?

Hi James,

Can you please utilize the Video element and add the following code into it’s embed section.

<iframe width="560" height="315" src="https://www.youtube.com/embed/NQLTlPrZduk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

That should render your video properly.

Hope that helps.

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.