• 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

Using fv_flowplayer_args_pre to define mobile theme player size

Foliovision › Forums › FV Player › How to … › Using fv_flowplayer_args_pre to define mobile theme player size

  • Nathan 7 years, 3 months ago
    Avatar photo

    Is this the correct function to place into the theme’s functions.php

    //Changing Mobile Video player size
    add_filter( 'fv_flowplayer_attributes', 'tweak_fv_flowplayer_attributes', 10, 2 );
    function tweak_fv_flowplayer_attributes( $attrs ) {
      $attrs['class'] .= 'fp-player-mobile';
      return $attrs;
    }
    

    Coupled with this in the theme’s css

    .fp-player-mobile {
         height: 350px !important;
         max-width: 100% !important;
         max-height: 350px !important;
     }

    What we are dealing with is trying to force the default size of the player in our mobile application so the black boxes (see attached) don’t show.

    screen-shot-2018-01-28-at-9-18-44-pm
    Screen-Shot-2018-01-28-at-9.18.44-PM
Viewing 2 replies - 1 through 2 (of 2 total)
  • Nathan 7 years ago
    Avatar photo

    This is what is posted in the inspector:

    <div id="wpfp_6f0cc3c14daae73104fd6ec5d835d220" class="flowplayer no-brand is-splash fvp-play-buttonfp-player-mobile is-fv-narrow is-paused is-mouseout" style="max-width: 100%; max-height: 100%; background-image: url("https://christianjournal.net/wp-content/uploads/2017/05/trump-peace-deal.jpg"); height: 522px;" data-analytics="UA-110189883-1" data-ad_show_after="20" itemprop="video" itemscope="" itemtype="http://schema.org/VideoObject" data-flowplayer-instance-id="0"><div class="fp-ratio" style="padding-top: 56.25%;"></div><div class="fp-player"><div class="fp-playlist"></div><meta itemprop="name" content="World Entering Period of Multipolarity – Nuclear War, Climate Change Among Top 2018 Global Concerns"><meta itemprop="description" content="Last year the World Economic Forum called for an urgent […]"><meta itemprop="thumbnailUrl" content="https://christianjournal.net/wp-content/uploads/2017/05/trump-peace-deal.jpg"><meta itemprop="contentURL" content="https://christianjournal.net/nwo/world-entering-period-of-multipolarity-nuclear-war-climate-change-among-top-2018-global-concerns/"><meta itemprop="uploadDate" content="2018-01-26"><div class="fp-ui">         <div class="fp-waiting">
    Martin 7 years ago

    Hello Nate,

    you are appending to the class attribute, which is a string of CSS classes, so if you need to append another one you need to include a blank space:

    $attrs['class'] .= ' fp-player-mobile';

    Then it should work.

    I would recommend you adjust the player dimensions as needed using some other filer, I described that in the other thread: https://foliovision.com/support/fv-wordpress-flowplayer/how-to/accessing-video-player-through-wordpress-rest-api#post-62458

    Thanks,
    Martin

Viewing 2 replies - 1 through 2 (of 2 total)
Reply To: Using fv_flowplayer_args_pre to define mobile theme player size



Please Sign in or Register to upload files.

Related Posts

  1. The native fullscreen is very simple but a bit faster

    FV Player’s New Features: Mobile Settings and Better Playlist Subtitles

  2. How to Sponsor a WordPress Theme Successfully | How to audit a theme sponsorship

    How to Sponsor a WordPress Theme Successfully | How to audit a theme sponsorship

  3. Basecamp Mobile Platform Subscribes Everyone. Note to 37 Signals: Mobile has to work to be useful

    Basecamp Mobile Platform Subscribes Everyone. Note to 37 Signals: Mobile has to work to be useful

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!