我正在开发我们的新主页,需要实现一个可以在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/

10-09 23:18