我在循环中创建了一个vimeo幻灯片 - 但是有一个问题。
在Internet Explorer中,缩略图不会在第二次播放视频时显示。 我已经设置了一个小提琴 - 让它播放一次 - 第二次图像不显示 任何人的想法?
不用说它适用于firefox和chrome ......
http://jsfiddle.net/zander/3hdPQ/6/
--------编辑-------
经过一番挖掘之后,我认为它可能与显示器有关:class - 循环和vimeo都是changin显示类 - 我想知道循环是否将显示类更改为none,然后它无法更改回来?
我知道这有点像絮絮叨叨 - 但它比实际数据更像是一种预感!
答案 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
});