• 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

Full screen player on iOS12 Safari for iPhone showing grey sidebars

[Solved]

Foliovision › Forums › FV Player › Troubleshooting › Full screen player on iOS12 Safari for iPhone showing grey sidebars

  • Jordan 4 years, 4 months ago

    Hello,

    I am having an issue where the full screen player for iOS12 Safari for iPhone 12 Pro is showing grey sidebars. I imagine other iPhone’s such as the iPhone 11 would be able to reproduce this too. Please see the image below:

    https://i.postimg.cc/L8cbSDWq/grey-bars.jpg

    This grey color is coming from the background color of my website. It appears that if the video’s aspect ratio does not completely match the iPhone’s screen aspect ratio that it is not completely filling the screen and showing the background of my website. I do not have an issue in portrait mode on my iPhone, or any issue on PC, Android Tablet, or iPad. (I have not tested on Android Phone.) See the image below to verify my skin settings:

    https://i.postimg.cc/j2BzfgPP/Screenshot-2021-01-15-182821.png

    See the image below to verify my Mobile settings:

    https://i.postimg.cc/sDRP38fC/mobile-settings.png

    I have tried the other Mobile settings options without any change.

    I am wondering if this is a problem with my theme, Donovan, by ThemeZee, or a limitation of the FV Player plugin, and if there is anyway to fix this?

    Here is a test video you can use to reproduce the issue: https://springermemories.ca/2021/01/test-video/

    Thanks for any help or insight you can provide!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Mária Stašová 4 years ago
    Avatar photo

    Hello Jordan,

    sorry for the late reply.

    Thank you for bringing this to our attention, I will make sure to forward this to our development team and see what we can do about it.

    Thanks,
    Maria

    Martin 4 years ago

    Hello Jordan,

    you are exactly right – your phone screen is wider than the video, so the bars have to be added otherwise the video would have to be cropped – you wouldn’t see the top and bottom part of it.

    However these should be black and not draw attention. Does your iPhone have screen with rounded borders? In that case you need to set a special HTML meta tag to let your website use the entire screen or set the color of the unused part.

    Unfortunately this cannot be controlled after the page has been loaded. So we cannot adjust it as you enter fullscreen.

    Please put this up in your theme for a test:

    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
    

    Or you can set the background-color CSS property of body and iPhone will use that color.

    Thanks,
    Martin

    Jordan 4 years ago

    Thank you. I was missing the ‘viewport-fit=cover’ option. Grey bars are now gone.

Viewing 3 replies - 1 through 3 (of 3 total)
Reply To: Full screen player on iOS12 Safari for iPhone showing grey sidebars



Please Sign in or Register to upload files.

Related Posts

  1. New FV Player Screen Options

  2. How to restore missing WordPress Featured Image Screen Option

  3. Customizing FV Player Skin

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!