在 OS X 中嵌入 Flowplayer

Question

对于我正在使用 Flowplayer 和来自 jQuery 工具，用于显示视频。 在 Windows 中，在主要的三种浏览器中一切正常：IE7/8/9、Firefox 和 Chrome。

在 OS X（雪豹）中，问题开始了：在视频中的任意位置单击，都会导致重新加载。 Safari、Firefox 和 Chrome 三种浏览器就是这种情况（Chrome 12.0.742.53 beta 中没有？？？）

为嵌入播放器提供属性 wmode = 'opaque' 或 wmode = ' "transparent" 在 Windows 平台上会导致相同的情况，但仅限 Firefox 和 Chrome 浏览器。 IE 中不行。

所以 wmode 真的很困扰我......

有人有一些关于 wmode 的好的文档吗？我找不到任何合适的内容

请参阅我的问题：

测试页面

没有 css 的测试页

独立示例页面 Flowplayer

Answer 1

更改

 <img id="CorporatePreviewImage1" src="http://www.jktv.nl/Andrew/movies/corporate/corporate_1.jpg" onMouseOver="javascript:this.src='http://www.jktv.nl/Andrew/movies/corporate/corporate_1_kleur.jpg';"
                                        onmouseout="javascript:this.src='http://www.jktv.nl/Andrew/movies/corporate/corporate_1.jpg';" onClick="openVideoPlayer('http://www.jktv.nl/Andrew/movies/corporate/corporate_1.flv');" rel="#OverlayVideo" />

为：

 <a href="javascript: openVideoPlayer('http://www.jktv.nl/Andrew/movies/corporate/corporate_1.flv'); return false;" rel="#OverlayVideo">
         <img id="CorporatePreviewImage1" src="http://www.jktv.nl/Andrew/movies/corporate/corporate_1.jpg" onMouseOver="javascript:this.src='http://www.jktv.nl/Andrew/movies/corporate/corporate_1_kleur.jpg';"
                                        onmouseout="javascript:this.src='http://www.jktv.nl/Andrew/movies/corporate/corporate_1.jpg';" /><br />
         </a>

Answer 2

尝试将您的主调用包装在 jquery document.ready 块中：

$(document).ready(function() {
   $openVideoPlayer('')
});