I've searching for hours now, but i can't figure it out.
I'm using flowplayer, but my drop down menu is covered by flowplayer. Probably it can be fixed by using wmode = opaque. But i don't know where I can adjust this.
Can anybody help? :)

I just use the 'default' code:

$output = '';
// Now add the required JavaScript using some configuration options (http://flowplayer.org/documentation/configuration.html).
flowplayer_add('#player', array(
'clip' => array(
'autoPlay' => FALSE,
'linkUrl' => 'http://flowplayer.org',
'scaling' => 'fit'
),
));
echo $output;

My config:
Drupal 6.13
Flowplayer 3.1.1

Comments

robloach’s picture

Status: Active » Postponed (maintainer needs more info)

Have a demonstration of the problem you're running into?

Plascual’s picture

Here is what I use to configure my Flowplayer into node content:

echo theme('flowplayer', array(

  'clip' => array(
    'url' => '/files/videos/video.flv',
    'autoPlay' => FALSE
  ),

   'src' => array(
        'cachebusting' => TRUE,
        'wmode' => 'opaque',
        'width' => 384,
        'height' => 288
   )

) );

Can you tell me if it has any positive impact on the way your player is displayed ?

fishclic’s picture

I tried this code, but it didnt work for me ...

$video = theme('flowplayer', array(
    'clip' => array(
      'url' => $url,
      'autoPlay' => FALSE,
      'autoBuffering' => TRUE,
    ),
'src' => array(
        'wmode' => 'opaque',
   )
  ));
print $video;

My drop-down menu is still hidden by the flowplayer.

Any idea how to set the wmode ?

fishclic’s picture

Status: Postponed (maintainer needs more info) » Active
ñull’s picture

Category: support » feature
Priority: Normal » Critical

+ subscribing

I use this module with bd_video and I have the same issue of menu disappearing behind the video. Why isn't there a config option for this?

ñull’s picture

Status: Active » Needs review
StatusFileSize
new1.01 KB
new825 bytes
new1.58 KB

Thanks to the example in http://drupal.org/node/524364 I could do it myself. Attached three patches that should add this setting.

ñull’s picture

StatusFileSize
new1.66 KB

moving the long description out of the select box

ñull’s picture

Title: How to use wmode? » wmode configuration added
robloach’s picture

http://flowplayer.org/forum/2/15206 ...... Subscribing :-) .

RedTop’s picture

Wonderful patches! This solved this issue for me and it took me just 5 mins. Thanks so much! :)

I can now actually have flowplayer show a movie and use modal comment forms using Popup API at the same time (wmode=opaque). patch -> dev +1 :)

drupal 6.15
flowplayer.module,v 1.2.2.8 2009/09/08 15:09:10 robloach

tested on:
firefox 3.5
IE 8.0
Opera 10.10
Safari 4.0.4

RedTop’s picture

Unfortunately it doesn't seem to be perfect in the long run.

- the scaling option seems to be preserved, but the dropdwon menu where you get to choose the scaling option always defaults to 'fit to window'

- Most of the times when loading a page with videos flowplayer will not load and just show the loading animation in the top-left corner of the flowplayer window.

Hope you can patch these glitches because I certainly can't do without the wmode option! :(

RedTop’s picture

Status: Needs review » Needs work

Did some more testing.

- Tried to clear cache and reload the videos
- I removed the videos and uploaded them again
- Tried different browsers

The problem appears in all browsers. Videos seem to be ok after they are added. Once another video is added older videos break.

RedTop’s picture

For anyone looking for a solution until above glitches are fixed. Here is a solution which requires modding the module itself (i.e. not the best way to do this):

flowplayer.js, Line 87:

$(selector + ':not(.flowplayer-processed)').addClass('flowplayer-processed').flowplayer({src: Drupal.settings.basePath + Drupal.settings.flowplayerSwf, wmode: 'opaque'}, config);
jbrown’s picture

The description in #7 is wrong:

opaque: the movie hides everything on the page behind it;

When it is opaque, elements can be in front of it.

With Firefox I find that with opaque the mouse pointer cannot change when over the flowplayer.

dellis’s picture

+1 on #13: not nice to do, but it does the job

benoit.borrel’s picture

StatusFileSize
new695 bytes

If you just want to apply the #13 hardcoded version, here is the patch.

k3vin’s picture

I try the patch in #16. When switch back from fullscreen mode the video is black/blank.

jackalope’s picture

The patch in #16 works fine for me. Wondering whether this will make it into an updated version of this module. Any plans for updating the D6 module?

bryancasler’s picture

I created a solution a while back that forces all wmode values to be transparent. #580398: MultiChat gets covered up by flash, <object> and <embed> this might help out. It has some success here #1035570: Embeded media

bryancasler’s picture

Looks like someone else has gone ahead and updated the code my fix was based off of, you may want to look there instead.
http://www.onlineaspect.com/2009/08/13/javascript_to_fix_wmode_parameter...

brankoc’s picture

I have been using patches #6 and #7 for a year without a hitch on a production site.

The problems RedTop is reporting seem unrelated. Null's patches use their own form element and their own Drupal variable, as far as I can tell, so it seems unlikely that they somehow 'touch' the scaling code.

lurkerX’s picture

I know this not the best way, but it worked for me in a pinch. Thanks RedTop!

brankoc’s picture

Status: Needs work » Needs review
tamerzg’s picture

Status: Needs review » Reviewed & tested by the community

#16 worked for me. Any chances this get commited?

omvaishnav’s picture

Thank you very much @RedTop. It worked awesome.. keep it up.

keti-1931’s picture

#13 working for me in drupal 7 too.....
thanks

damienmckenna’s picture

Title: wmode configuration added » Option to control "wmode"
Version: 6.x-1.x-dev » 7.x-1.x-dev
Issue summary: View changes
Status: Reviewed & tested by the community » Needs work

Needs to be rolled into a single patch for D7.

damienmckenna’s picture