Video players Background Color Flash in Firefox

[ns32 0]

Hello all??” Here is the problem I've encountered. I have been experimenting with various plugins for playing embedded self-hosted videos. Two of the more common free ones, JW Player and Flowplayer, cause something strange to happen on sites using Platform Pro when viewed in Firefox (v 4.0 for Mac). Specifically, the body background color flashes on pageload. For example, if the body background color is set to black, and the page background color is set to white, the page will briefly flash all black once (for less than a tenth of a second) before the rest of the page loads. Once the rest of the content loads, the body background color remains where it's supposed to be??”a black line across the top and in the footer of an otherwise white page, per the default Platform design. Here is what I've already ruled out: The issue doesn't arise in Safari (Version 5.0.4) or Chrome (10.0.648.204) for Mac. So I think this is a Firefox issue. The flash happens on every page of the site viewed in Firefox, regardless of whether a page includes shortcodes for an embedded video. Adjusting the site design mode didn't change anything. All other plugins have been disabled, so it's not caused by a different plugin. The problem goes away as soon there are no more video plugins enabled. It comes back as soon as either of these video plugins is enabled again. I tried switching from the child theme to the parent theme. I also tried changing the stylesheet directly, instead of using the pretty Platform interface. No dice. I tried reordering the plugin, but it still loads before the theme's dynamic css script, which is what I think the problem is. If that could be the issue, can someone tell me how to reorder those? Specifically, how do I alter the Platform code in order to cause it to load before any of the plugins (if that's possible)? Obviously, I could try to find another video solution, or change the body background color to match the page background color, but that would mean giving up, which I'm not ready to do yet. I am using what I believe is the latest Dev version of Platform (1.3.5), and a child theme version 1.3.2.

[timlinson 3]

Can we get a link to see what's going on?

[ns32 0]

Sure. Here's a sandbox where I've recreated the problem: http://networkednegotiation.com/wp/

[ns32 0]

I've narrowed the problem down a little. When I'm logged in as the administrator, it happens on every page. When I'm not logged in, it happens on pages that use the following templates: Banner Carousel Features ...But not these templates: Default Highlight Boxes

[timlinson 3]

on sites using Platform Pro when viewed in Firefox (v 4.0 for Mac)

So are you saying it only happens in these conditions as far as you can tell? Because I'm not seeing any page flashes on ff4/chrome/ie9 in linux/windows.

[ns32 0]

Yes, I've only found the problem in ff4 for Mac.

[kastelic 6]

You could edit the wrap your code in a window.onload function to make it load after everthing else is loaded (requires editing the plugin's javascript).

window.onload = function() {
	  //code goes here
	};

[jrewing 1]

I'm having the exact same problem, but mine occurs on pageload for every single page. When I click on a new link to go to a different page, there's always a "black flash" before the new page loads. The website is at: http://iowacoldcases.org I've also tried messing with the css code, etc., but nothing seems to work. Like Noah, my problem (also) only occurs in FF4 with Mac. It's perfectly fine in Safari.

[cmunns 16]

I've checked FF4 (mac) and don't see the problem