带有循环的vimeo幻灯片 - 缩略图未显示第二轮即

时间:2011-12-02 20:31:46

标签: jquery jquery-cycle vimeo

我在循环中创建了一个vimeo幻灯片 - 但是有一个问题。

在Internet Explorer中,缩略图不会在第二次播放视频时显示。 我已经设置了一个小提琴 - 让它播放一次 - 第二次图像不显示 任何人的想法?

不用说它适用于firefox和chrome ......

http://jsfiddle.net/zander/3hdPQ/6/

--------编辑-------

经过一番挖掘之后,我认为它可能与显示器有关:class - 循环和vimeo都是changin显示类 - 我想知道循环是否将显示类更改为none,然后它无法更改回来?

我知道这有点像絮絮叨叨 - 但它比实际数据更像是一种预感!

1 个答案:

答案 0 :(得分:1)

似乎有两种方法可以通过设置swf的父级动画来重现此问题(请参阅this jsfiddle)。我的猜测是,这与Vimeo播放器调整SWF背景的方式有关,与Internet Explorer将SWF祖先的jQuery CSS动画传递给Flash播放器的方式有关。鉴于此,我不知道你能做什么,除了向Vimeo报告问题,看看他们是否可以在他们的播放器代码中解决问题。

编辑:

通过使用循环插件的自定义fx选项,并指定幻灯片div的显示属性应该是'阻止',我能够实现与内置淡入淡出过渡相同的效果而不会导致Vimeo播放器出现问题过渡后。以下是代码,有关工作示例,请参阅此jsFiddle

$('.slideshow').cycle({
     fx:'custom', 
     cssBefore:{    
         display: 'block' 
     }, 
     animIn: {  
         opacity:1 
     }, 
     animOut: {  
         opacity:0
     }, 
     cssAfter:{
         display:'block'
     },
     delay: 1000
});