html5媒体与Flowplayer wmode 问题

Question

我正在开发我们的新主页，需要实现一个能够在 iPhone/iPad 和标准网络浏览器上运行视频的解决方案。我找到了一个相当不错的 html5media 解决方案 - http://code.google.com/p/html5media/ 但遇到了 jquery 下拉菜单落后于 swf 对象的问题（这只发生在 FF 和 IE 上 - 在 Safari 和 Chrome 上工作正常，因为它加载的是 mp4 而不是 swf 对象）。

我知道问题是 wmode 设置，但我一生都无法弄清楚在 html5media 中的何处设置它（http://html5media.googlecode.com/svn/trunk/src/html5media.min.js）。

我希望有人可以帮助我，或者可能给我一个更好的实现视频的解决方案。您可以在 idssite(dot)com/development/index.php 上查看开发页面 - 抱歉，我无法链接，我正被垃圾邮件预防机制阻止。

谢谢

Answer 1

如何将 wmode = 透明参数传递到 Flowplayer：

Flowplayer 在嵌入调用中需要三个参数。
1) 容器ID
2）参数。 （字符串或对象）
3) 配置（插件或外观设置）

更多详细信息：http://flowplayer.org/documentation/api /flowplayer.html

wmode 参数必须通过第二个参数传递。如果它是一个字符串，Flowplayer 期望它是 Flash 播放器的 URL。要传递附加参数，必须以 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

听起来是一样的。希望有帮助。