• Skip to content
  • Skip to primary sidebar
  • Skip to footer

Foliovision

Main navigation

  • Weblog
    • FV Player
    • WordPress
    • Video of the Week
    • Case Studies
    • Business
  • About
    • Testimonials
    • Meet the Team
    • We Support
    • Careers
    • Contact
    • Pricing
  • Products
  • Support
    • FV Player Docs
    • Pro Support
  • Login
  • Basket is empty

Change video player aspect ratio

Foliovision › Forums › FV Player › How to … › Change video player aspect ratio

  • Jordan 4 years, 3 months ago

    This may sound like a silly question, but I have a lot of older 480p 4:3 home videos to add to my website. The video source is a 4:3 video on YouTube, but FV Player is playing it as cropped 16:9. Is there anyway to change to, or default to 4:3 aspect ratio? Thank you.

Viewing 12 replies - 1 through 12 (of 12 total)
  • Jordan 4 years ago

    I would like to add more information:

    I am adding FV player to my posts simply by entering my YouTube videos URL in my post body instead of using a shortcode, along with the “Handle WordPress audio/video” feature enabled. This allows me to fallback on YouTube if FV Player was ever disabled. This method seems to always default to 16:9 without a way to override this.

    Although not my preferred method, I realize I can also create a shortcode for each video I need to upload and manually adjust to a 4:3 size. Although it seems even this method defaults to 16:9 if I do not override the size for each and every video.

    Is there a way to default videos to their native aspect ratio or force an override to 4:3?

    Jordan 4 years ago

    One other issue related to this topic is that even when manually adjusting a video’s shortcode to a 4:3 aspect ratio, in full screen on all devices the video gets stretched to the device screen size. This means watching a 16:9 video on an ultrawide monitor in full screen will crop the top and bottom of the video. Watching a 4:3 video on an ultrawide monitor crops so much that it makes it unwatchable. The same happens on tablets and mobile phones.

    Is there a way to keep the video aspect ratio, or specify an aspect ratio for full screen video? Thanks!

    Mária Stašová 4 years ago
    Avatar photo

    Hello Jordan,

    I have tested your issues and can agree that I have ran into some of these issues.

    The video size defaults to the set default size in FV Player settings and not to the native size of the video. Perhaps we could fix this.

    You can change the default video size, which can be changed in Settings -> FV Player Pro -> Sitewide FV Player Defaults -> Default video size

    This setting also overrides the ratio of the videos embedded by handling WordPress audio/video. However, it means that all your videos would play in 4:3, so you would have to manually set the size in shortcode for 16:9 videos, if you have any.

    As for the stretched video in fullscreen mode bug, I will make sure to forward this to the development team and see what we can do about it.

    Thanks,
    Maria

    Jordan 4 years ago

    Thank you Maria! I must have missed the default video size option! This is now working perfectly. My only outstanding issue is full screen getting cropped. Once this is fixed, my website is just about complete. I look forward to what your development team has to say.

    Another small issue I am facing is I would like to set the default ‘End of video’ action to show the splash screen for all videos. I can set this in the shortcode editor for each and every video, however there doesn’t seem to be an option to make ‘Show splash screen’ the default End of video action for all videos. This option seems to be missing from Settings > Actions > End of video section, and only appears in the shortcode editor under Actions > End of video.

    Mária Stašová 4 years ago
    Avatar photo

    Hello Jordan,

    we will keep you updated on the fullscreen stretching issue.

    Regarding the default splash image at the end of the video: sadly, as of now, you can set splash screen as an end of the video action only for individual videos by setting it manually in shortcode. That being said, making the option to set the default splash screen as a default end of video action, is definitely something to consider implementing. Thanks for the idea.

    Thanks,
    Maria

    Jordan 4 years ago

    Ok thanks, I know it probably is not possible, but I have to add about 300 videos and the default ‘show splash screen’ for the End of video action would be a great addition :) I look forward to what your development team has to say about the stretching full screen issue.

    Jordan 4 years ago

    While troubleshooting this on my site, I discovered that the full screen cropping issue only happens when the “Remove Logo” option is selected.

    Jordan 4 years ago

    Hello, it has been a couple weeks, I am just wondering if your team has any information for me regarding this issue. Thank you!

    Martin 4 years ago

    Hello Jordan,

    regarding the fullscreen issue on 4:3 YouTube videos when using the logo setting – I found that using these CSS rules when in fullscreen fixes the issues:

    max-width: calc( 100vh /3 *4 );
    margin: 0 auto;
    

    However since each video can have different aspect ratio we need to actually put this in using JavaScript. So we will work on that.

    Thanks,
    Martin

    Jordan 4 years ago

    Thanks for the update Martin. All of my videos are 4:3 so this is fine. I tried adding this custom CSS to the ‘Additional CSS’ section of my WordPress site but it is not working. Can you help me out? This is what I have tried:

    .flowplayer.is-fullscreen {
    max-width: calc( 100vh /3 *4 );
    margin: 0 auto;
    }

    Just a note, this is not only happening to 4:3 videos but is happening to all videos. They are stretching to fit the width of the screen no matter what. So a 16:9 video gets cropped on a ultrawide 21:9 screen for example.

    I imagine there will be an update to the FV Player plugin to address this in the future. If this is correct, do you have an approx. ETA?

    Thanks for all your assistance since purchasing the Pro version. It has really been top notch and worth every penny.

    Martin 4 years ago

    Hello Jordan,

    it should target the video engine element:

    .flowplayer.is-fullscreen .fp-engine{
      max-width: calc( 100vh /3 *4 );
      margin: 0 auto;
    }

    But that’s just an experiment. It needs to be properly checked and improved to handle the 16:9 video on 21:9 screen too. I should have more news regarding that this week.

    Thanks,
    Martin

    Jordan 4 years ago

    Thanks Martin, this is now working for me as a temporary work around. I look forward to the news later this week!

Viewing 12 replies - 1 through 12 (of 12 total)
Reply To: Change video player aspect ratio



Please Sign in or Register to upload files.

Related Posts

  1. aspect ratio mobile

    aspect ratio mobile

  2. Fix splash image on videos with different aspect ratio

    Fix splash image on videos with different aspect ratio

  3. When i click Play on the video player, my website duplicates

    When i click Play on the video player, my website duplicates

Primary Sidebar

Sign in Register
FV Player Docs Post New Topic

Welcome

to Foliovision support forums! We'll be happy to provide free support to resolve all the reported bugs. You always can start by specifying your OS and browser and steps to reproduce the bug.

If you need help with the installation on your site, please submit a request for a Pro Support Incident. We'll have you up and running in no time, with detailed instructions on how to resolve your issue yourself in the future.

Facing a hard to solve WordPress problem? On a tight deadline?

Let us take care of it for you
right now.

Pro Support Buy FV Player

Footer

Our Plugins

  • FV WordPress Flowplayer
  • FV Thoughtful Comments
  • FV Simpler SEO
  • FV Antispam
  • FV Gravatar Cache
  • FV Testimonials

Free Tools

  • Pandoc Online
  • Article spinner
  • WordPress Password Finder
  • Delete LinkedIn Account
  • Responsive Design Calculator
Foliovision logo
All materials © 2025 Foliovision s.r.o. | Panská 12 - 81101 Bratislava - Slovakia | info@foliovision.com
  • This Site Uses Cookies
  • Privacy Policy
  • Terms of Service
  • Site Map
  • Contact
  • Tel. ‭+421 2/5292 0086‬

We are using cookies to give you the best experience on our website.

You can find out more about which cookies we are using or switch them off in .

Powered by  GDPR Cookie Compliance
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Necessary Cookies

Strictly Necessary Cookie allow you to log in and download your software or post to forums.

We use the WordPress login cookie and the session cookie.

If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.

Support Cookies

Foliovision.com uses self-hosted Rocket.chat and self-hosted Freescout support desk to provide support for FV Player users. These cookies allow our visitors to chat with us and/or submit support tickets.

We are delighted to recommend self-hosted Rocket.chat and especially Freescout to other privacy-conscious independent publishers who would prefer to self-host support.

Please enable Strictly Necessary Cookies first so that we can save your preferences!

3rd Party Cookies

This website uses Google Analytics and Statcounter to collect anonymous information such as the number of visitors to the site, and the most popular pages.

Keeping this cookie enabled helps us to improve our website.

We reluctantly use Google Analytics as it helps us to test FV Player against popular Google Analytics features. Feel free to turn off these cookies if they make you feel uncomfortable.

Statcounter is an independent Irish stats service which we have been using since the beginning of recorded time, sixteen years ago.

Please enable Strictly Necessary Cookies first so that we can save your preferences!