Problems with html5media & flowplayer wmode

Question

I am working on our new homepage and have to implement a solution that will run video via iphone / ipad and standard web browsers. I found a pretty decent solution with html5media - http://code.google.com/p/html5media/ , but ran into a problem with the jquery dropdown behind the swf object (this only happens on FF and IE - works fine in Safari and Chrome, because it loads mp4 instead of a swf object).

I know that the problem is related to the wmode setting, but cannot figure out for me where to install it in html5media ( http://html5media.googlecode.com/svn/trunk/src/html5media.min.js ).

I hope someone can help me or perhaps give me a better solution for implementing the video. You can see the development page on idssite (dot) com / development / index.php - Sorry, I can’t link. I am stopped by the spam prevention mechanism.

thank

Answer 1

How to pass wmode = transparent parameter to Flowplayer:

Flowplayer expects three arguments in an embed call.
  1) Container ID
  2) Parameters. (string or object)
  3) Configuration (plugins or appearance settings)

More details: http://flowplayer.org/documentation/api/flowplayer.html

wmode 2- . , Flowplayer , URL- Flash. , JSON.

wmode:

$f("video-player", "flowplayer.swf" {
        plugins: {
            controls: {
            buttonOffColor: "#4523d3",
            borderRadius: "0",
            sliderColor: "#4523d3"
        }
    }
});

wmode:

$f("video-player", {
            src:"flowplayer.swf",
            wmode:"transparent"
        }, {
        plugins: {
            controls: {
            buttonOffColor: "#4523d3",
            borderRadius: "0",
            sliderColor: "#4523d3"
        }
    }
});

Answer 2

, , "z-index" . , - UL DIV, , "z-index: 10" - .

, - , : http://www.cjboco.com/blog.cfm/post/css-pulldown-menu-displays-behind-an-element-or-picture-in-ie7

. , .