Question

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

我知道问题是wmode设置，但是在我的生活中无法确定在html5media（http://html5media.googlecode.com/svn/trunk/src/html5media.min.js）中设置它的位置。

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

由于

Answer 1

如何将wmode = transparent参数传递给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

听起来像是一样的事情。希望它有所帮助。

html5media＆amp;流媒体wmode问题

2 个答案: