我正在开发我们的新主页,需要实现一个可以在iphone/ipad和标准web浏览器上运行视频的解决方案。我在html5media上找到了一个相当不错的解决方案-http://code.google.com/p/html5media/但是遇到了一个问题,jquery下拉列表落在swf对象后面(这只发生在ff&ie上-在safari&chrome上很好,因为它加载的是mp4而不是swf对象)。
我知道问题出在wmode设置上,但我一辈子都不知道在html5媒体(http://html5media.googlecode.com/svn/trunk/src/html5media.min.js)中该设置在哪里。
我希望有人能帮助我或者给我一个更好的解决方案来实现这个视频。您可以在idssite(dot)com/development/index.php上看到开发页面-很抱歉,我无法链接我正被垃圾邮件预防机制阻止。
谢谢
最佳答案
如何将wmode=transparent参数传递给flowplayer:
flowplayer在嵌入调用中需要三个参数。
1)容器标识
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"
}
}
});
关于video - html5media和flowplayer wmode问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/2992896/