-
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.
Viewing 2 replies - 1 through 2 (of 2 total)
-
-
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">
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)
