Question

对于我正在使用Flowplayer的网站和jQuery Tools的重叠式工具，以显示视频。在Windows中，主要的三种浏览器中的一切都很好：IE7 / 8/9，Firefox和Chrome。

在OS X（Snow leopard）中，问题就出现了：在视频中点击任何地方都会导致重新加载。这是三个浏览器Safari，Firefox和Chrome的情况（不在Chrome 12.0.742.53 beta ???）

为嵌入式播放器提供属性wmode = 'opaque'或wmode = 'transparent'会在Windows平台上产生相同的情况，但只会使用Firefox和Chrome浏览器。不在IE中。

所以wmode真的在烦我......

有没有人对wmode有一些好的文档？我找不到合适的东西

在以下位置查看我的问题：

Test page

Test page without css

Standalone example page 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 block：

中

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

在OS X中嵌入Flowplayer

2 个答案: