How do I fix my form to appear above flash content?

The Problem:

When using pop-overs, like the lightbox version of your AWeber form, it is overlapped by flash elements. 

flashfix_1.jpg


The Solution:


The default behavior for flash means that it will always overlap any sort of HTML attempting to be layered on top of it.  Fixing that so that pop-over forms appear correctly above the flash requires an easy modification to the way flash videos are embedded on the website.

There are two elements you need to add to your video code to override this issue.

Step 1:
Add <param name="wmode" value="opaque" /> directly after your opening "object" tag.


Step 2:
Add wmode="opaque" within your embed tag.

Here is an example of how your video code might look with the fix in place:

<object width="425" height="344">
<param name="wmode" value="opaque" />
<param name="movie" value="http://www.youtube.com/v/rUJx8Y5Mm7w&hl=en&fs=1"></param>
<param name="allowFullScreen" value="true"></param>

<embed wmode="opaque" src="http://www.youtube.com/v/rUJx8Y5Mm7w&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
</object>
Have more questions? Submit a request
Powered by Zendesk