Wednesday, December 21, 2011

Placing the Chat Widget div over a flash element

We have had a number of customers ask how we can place the chat widget div over a flash element on their web pages.  They've run into issues where part of the embedded live chat widget or the proactive chat box has been hidden behind their flash video.  

Well the fix for this issue is fairly straight forward and just involves adding a parameter to your flash settings.  In the flash parameters make sure you add the parameter as follows:

<param name="mode" value="transparent">

For embed parameters just add:


to the "embed" tag of your flash.

If you'd like to see a working example, just head over to our home page at and view the source.  You'll see that we've added the parameter to a video on our homepage.

Here's how our embedded chat now looks when opened over the flash player.