3

我正在开发我们的新主页，需要实现一个解决方案，该解决方案将在 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 上查看开发页面 - 抱歉，我无法链接我正在被垃圾邮件预防机制阻止。

谢谢

4

2 回答 2

3

如何将 wmode = transparent 参数传递给 Flowplayer：

Flowplayer 在 embed 调用中需要三个参数。
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"
        }
    }
});
于 2012-01-05T20:06:23.390 回答
1

我之前遇到过这个问题，我认为答案只是在下拉样式中添加一个“z-index”属性。我假设你有一个包含菜单的 UL 或 DIV，所以只需添加“z-index：10”或其他内容。

我在我的博客上写了一段时间，修复方法和我上面提到的一样：http ://www.cjboco.com/blog.cfm/post/css-pulldown-menu-displays-behind-an-element-or -画中画7

听起来是一样的。希望能帮助到你。

于 2010-10-11T19:49:30.457 回答