在播放Flash视频时jQuery淡入淡出效果不起作用

Question

我正在使用http://jplayer.org插件播放Flash视频。

在视频结束之前的几秒钟，我试图让它淡出显示其背后的内容，它与视频的最终帧匹配，因此视频和静态内容之间的过渡看起来很流畅。

这在Chrome中效果很好，但IE9 & FF17根本不会褪色视频。他们都只是等待它结束，然后立即隐藏视频。

该视频位于填充整个屏幕的div中，当视频开始播放时，后面的内容已经加载。

为相关的代码隐藏视频在〜60％的时间在timeupdate事件jPlayer构造。

$(".landing-video").jPlayer({ 
    ... 
    timeupdate: function (e) { 
     var progress = e.jPlayer.status.currentTime/e.jPlayer.status.duration; 
     if (progress > 0.6 && isVideoPlaying) { 
      isVideoPlaying = false; 
      $(".landing").hide("fade", 3500);   
     } 
    } 
    ... 
}); 

再次重申，效果在Chrome上效果不错，只是不是IE和FF。同时改变动画时间似乎没有任何效果。

Answer 1

我可以看到的一个问题是jquery hide功能不需要"fade"作为参数。

而不是使用hide的：

$(".landing").hide("fade", 3500); 

你想用fadeOut：

$(".landing").fadeOut(3500); 

我很惊讶，这是在Chrome工作。

除此之外，确保您有wmodeparam设置为opaque：

<param name="wmode" value="opaque">