Problem with WP popup plugins and FLV Player

8 replies
Hello!

I need a popup plugin for Wordpress that is compatible with FLV Player (flv-player[dot]net). I have tried a lots of different plugins but the results are always the same - the popup window gets stucked behind the FLV Player, see this picture:

hxxp://data.fuskbugg.se/skalman02/f53a1711_screenshot.jpg (change the "xx" to "tt" in the begining of the URL, since I'm new here I can't post links)

The plugin used on the picture is "Cool Ryan Easy Popups" which can be found on the official Wordpress site.

Anyone know how to solve this? Is there some plugin that already is compatible with FLV Player or is it possible to modify the "Cool Ryan Easy Popups"-plugin in some way?

/Woolwich
#flv #player #plugins #popup #problem
  • Profile picture of the author KyleGolemMedia
    What browser are you viewing this in?
    Signature
    Need Help Growing Your Audience?
    Let an experienced Marketer help! PM me with project details.
    Google AdWords, Bing Ads, Facebook Ads, Twitter Ads, etc.
    {{ DiscussionBoard.errors[4623152].message }}
  • Profile picture of the author jlandells
    The problem isn't that you need a plugin that's compatible with FLV player - the problem is that you need an FLV player plugin that doesn't put your videos above other players! I had the same issue with the Smart YouTube plugin so I took the time to figure out how to fix it, then submitted the fix back to the author for inclusion in future versions.

    -John.
    {{ DiscussionBoard.errors[4626435].message }}
  • Profile picture of the author unnatural
    Flash is always shown in the foreground - it has no z-index property so developers can't fix this issue through code.

    With that said, there is a parmater called wmode for embedded videos. If you add "wmode=opaque" on your video embed code it should fix all your issues.
    {{ DiscussionBoard.errors[4628276].message }}
    • Profile picture of the author Woolwich
      Originally Posted by unnatural View Post

      Flash is always shown in the foreground - it has no z-index property so developers can't fix this issue through code.

      With that said, there is a parmater called wmode for embedded videos. If you add "wmode=opaque" on your video embed code it should fix all your issues.
      This solved my problem. Thanks for the help guys!
      {{ DiscussionBoard.errors[4629567].message }}
      • Profile picture of the author Woolwich
        Hmm, it seems like wmode=opaque only fixed the problem in Firefox, the problem persists in IE8. I have tried to set wmode to "transparent" and I have also tried to put the FLV-player in a div with z-index set to "-1" but nothing worked.

        Does anyone have any suggestions to solve this problem?
        {{ DiscussionBoard.errors[4637205].message }}
        • Profile picture of the author unnatural
          Originally Posted by Woolwich View Post

          Hmm, it seems like wmode=opaque only fixed the problem in Firefox, the problem persists in IE8. I have tried to set wmode to "transparent" and I have also tried to put the FLV-player in a div with z-index set to "-1" but nothing worked.

          Does anyone have any suggestions to solve this problem?
          As far as I know there is no way to fix the problem in certain versions of IE.

          With that said, you can hide the flash div completely and then set a callback for when the popup is closed to "display" the flash div again. That's probably the most elegant solution and will work in all browsers.

          Ryan
          {{ DiscussionBoard.errors[4638603].message }}
  • Profile picture of the author hitmobi
    how are you embedding the video? could you copy the video html part?
    {{ DiscussionBoard.errors[4637292].message }}
    • Profile picture of the author Woolwich
      Originally Posted by hitmobi View Post

      how are you embedding the video? could you copy the video html part?
      Code:
      <object type="application/x-shockwave-flash" data="myurl/player_flv_maxi.swf" width="600" height="450" wmode="opaque">
      <param name="movie" value="myurl/player_flv_maxi.swf" />
      <param name="allowFullScreen" value="true" />
      <param name="FlashVars" value="flv=video.flv&margin=0&showvolume=1&showfullscreen=1&showplayer=always&showstop=1&buttonovercolor=FF0000&sliderovercolor=FF0000&loadingcolor=FF0000" />
      </object>
      {{ DiscussionBoard.errors[4638514].message }}

Trending Topics