video - html5media 和 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 = 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"
        }
    }
});