4

My drop down menus are appearing behind my flash videos (JW Player) in Chrome and Internet Explorer. The problem does not occur in FireFox and Safari.

I've read so many solutions relating to changing the wmode and the z-index of the nav and video, with no success.

You can see the issue on the sixth slide in the slider: http://ghostpool.com/wordpress/supermassive/

Any help would be appreciated.

GhostPool
  • 163
  • 5
  • 16

3 Answers3

3

just add this as first param :

<param name="wmode" value="transparent">
SeeSoft
  • 91
  • 3
  • The object code is generated using javascript. I did use a piece of javascript to auto insert that parameter but can no longer find it and I do not believe it fixed the issue anyway. – GhostPool Dec 31 '10 at 13:42
  • @GhostPool: Hmmm, that could be problematic, as this parameter is IIRC only read in when the Flash object is loaded (and therefore needs to be in the object right from the start). Could you modify the generation code, or destroy the Flash object and re-create it with this parameter? – Piskvor left the building Dec 31 '10 at 13:47
  • So you can add it on the fly like this : jQuery("object").append(''); – SeeSoft Dec 31 '10 at 13:58
  • @Piskvor: I wouldn't know that is a little bit beyond my skills. – GhostPool Dec 31 '10 at 14:02
  • Excellent that works in Chrome. However using that code causes the slider to stop functioning in IE. Any idea why? – GhostPool Dec 31 '10 at 14:39
0

use this method 

 <object id="flash1" data="one.swf" height="500" type="application/x-shockwave-flash" width="800">
 <param name="movie" value="one.swf" />
 <param name="quality" value="High" />
 <param name="wmode" value="opaque" />
 <param name="menu" value="false" />
 </object>
kandpal
  • 36
  • 3
0

We had also this issue with Flash movies in front of the menu. In IE 11 with SharePoint 2013 we could fix the issue as follows:

We add the content editor web part and edited the code. We insert the object together with the "ms-wpContentDivSpace" class:

<div class="ms-wpContentDivSpace">
    <object width="800" height="500" id="flash1" data="https://www.youtube.com/embed/YouTubeID" type="application/x-shockwave-flash" wmode="transparent"><param name="movie" value="https://www.youtube.com/embed/YouTubeID"/><param name="quality" value="high"/>
    </object>
</div>
TheHouser
  • 3
  • 1
TheHouser
  • 1