-
Hi,
The skin customization is not working at all on my website: browzify.com
I tried disabling all the plugins, changing the template, but that does not solve the problem.When I click on #check template# I get this message:
html5.js not found in your template! Videos might not play in old browsers, like Internet Explorer 6-8. Please follow our instructions here.
It appears there are no Flowplayer scripts on your site, your videos might not be playing, please check. Check your template’s header.php file if it contains wp_head() function call and footer.php should contain wp_footer()!
It appears there are no jQuery library on your site, your videos might not be playing, please check.Can you please help?
-
-
Hello John,
Could you please try to activate the option Disable saving of color settings into a static file? You can find it in Settings > FV Player > Setup tab > Integrations/Compatibility. Let me know if it helped.
Thanks,
Eduard
Still the same problem :(
Hello John,
Ok, if that didn’t help then you could check the page header and look for CSS for .flowplayer, where the colours should be saved. You should be able to find for instance
.wpfp_custom_background { display: none; }Thanks,
Eduard
Hi Eduard,
I do see that part of the code. But what should I do ?
This is the content of the css style:
.flowplayer { border: 1px solid #ff0000 !important; }
.flowplayer { margin: 0 auto 28px auto; display: block; }
.flowplayer.fixed-controls { margin: 0 auto 58px auto; display: block; }
.flowplayer.has-abloop { margin-bottom: 52px; }
.flowplayer.fixed-controls.has-abloop { margin-bottom: 82px; }
.flowplayer.has-caption, flowplayer.has-caption * { margin: 0 auto; }
.flowplayer .fp-controls, .flowplayer .fv-ab-loop, .fv-player-buttons a:active, .fv-player-buttons a { color: #eeeeee !important; background-color: #333333 !important; }
.flowplayer { background-color: #000000 !important; }
.flowplayer .fp-duration, .flowplayer a.fp-play, .flowplayer a.fp-mute { color: #eeeeee !important; }
.flowplayer .fp-elapsed { color: #eeeeee !important; }
.flowplayer .fp-volumelevel { background-color: #3413bb !important; }
.flowplayer .fp-volumeslider, .flowplayer .noUi-background { background-color: #eeeeee !important; }
.flowplayer .fp-timeline { background-color: #666666 !important; }
.flowplayer .fv-ab-loop .noUi-handle { color: #333333 !important; }
.flowplayer .fp-progress, .flowplayer .fv-ab-loop .noUi-connect, .fv-player-buttons a.current { background-color: #3413bb !important; }
.flowplayer .fp-buffer, .flowplayer .fv-ab-loop .noUi-handle { background-color: #eeeeee !important; }
#content .flowplayer, .flowplayer { font-family: Tahoma, Geneva, sans-serif; }
.flowplayer .fp-dropdown li.active { background-color: #3413bb !important }.fvplayer .mejs-container .mejs-controls { background: #333333!important; }
.fvplayer .mejs-controls .mejs-time-rail .mejs-time-current { background: #3413bb!important; }
.fvplayer .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #eeeeee!important; }
.fvplayer .mejs-horizontal-volume-current { background: #3413bb!important; }
.fvplayer .me-cannotplay span { padding: 5px; }
#content .fvplayer .mejs-container .mejs-controls div { font-family: Tahoma, Geneva, sans-serif; }.wpfp_custom_popup { position: absolute; top: 10%; z-index: 20; text-align: center; width: 100%; color: #fff; }
.wpfp_custom_popup h1, .wpfp_custom_popup h2, .wpfp_custom_popup h3, .wpfp_custom_popup h4 { color: #fff; }
.is-finished .wpfp_custom_background { display: block; }
.fv_player_popup { background: #333333; padding: 1% 5%; width: 65%; margin: 0 auto; }.wpfp_custom_ad { position: absolute; bottom: 10%; z-index: 20; width: 100%; }
.wpfp_custom_ad_content { background: white; margin: 0 auto; position: relative } .wpfp_custom_ad { color: #888888; z-index: 20 !important; }
.wpfp_custom_ad a { color: #ff3333 }.fv-wp-flowplayer-notice-small { color: #eeeeee !important; }
.fvfp_admin_error { color: #eeeeee; }
.fvfp_admin_error a { color: #eeeeee; }
#content .fvfp_admin_error a { color: #eeeeee; }
.fvfp_admin_error_content { background: #333333; opacity:0.75;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75); }.fp-playlist-external > a > span { background-color:#808080; }
.fp-playlist-external > a.is-active > span { border-color:#bb0000; }
.fp-playlist-external.fv-playlist-design-2014 a.is-active,.fp-playlist-external.fv-playlist-design-2014 a.is-active h4,.fp-playlist-external.fp-playlist-only-captions a.is-active,.fp-playlist-external.fv-playlist-design-2014 a.is-active h4, .fp-playlist-external.fp-playlist-only-captions a.is-active h4 { color:#bb0000; }
.fp-playlist-vertical { background-color:#808080; }.flowplayer .fp-subtitle span.fp-subtitle-line { font-size: 16px; } .flowplayer .fp-subtitle span.fp-subtitle-line { font-family: inherit; } .flowplayer .fp-logo { bottom: 30px; left: 15px }
.flowplayer .fp-subtitle span.fp-subtitle-line { background-color: rgba(0,0,0,0.5); }
Hello John,
I don’t see any problem with the CSS code above, seems like it works properly.
It seems you don’t have the FV Player Pro license – please double-check that your are using some video type which is handed by FV Player. In the free version you only get the basic YouTube embed code for YouTube videos for example, so these color settings don’t apply to it.
Does it work properly if you use some default WordPress theme such as Twenty Seventeen?
Thanks,
Martin
