English  Italiano  Français  Español  Dansk  Deutsch  Deutsch  Português  Suomi 
Video Lightbox

YouTube Video overlaps pop up window of video overlay

Dec 21, 2012

Q: We are having a problem that the embedded Youtube Video is overlapping the VideoLightBox pop up window. It works as it should in Chrome, but IE and Mozilla are not.

Here is the embedded video code:

<object width="380" height="214" style="z-index:0;">

  <param name="movie" value="https://www.youtube.com/v/35kqY7m4duw? version=3 "></param>

  <param name="allowFullScreen" value="true"></param>

  <param name="allowScriptAccess" value="always"></param>

  <embed src="http://youtube.googleapis.com/v/31aWy9lcyJk?version=3 " type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="380" height="214"></embed>

</object>

A: You should add "opaque" parameter for <object> and <embed> tags.

See, how you should install flash on your pages.

<object width="380" height="214" style="z-index:0;">

  <param name="movie" value="https://www.youtube.com/v/35kqY7m4duw? version=3 "></param>

  <param name="allowFullScreen" value="true"></param>

  <param name="allowScriptAccess" value="always"></param>

  <param name="wmode" value="opaque">

  <embed src="http://youtube.googleapis.com/v/31aWy9lcyJk?version=3 " wmode="opaque" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="380" height="214"></embed>

</object>

Related