Question

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

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

这在Chrome中非常有效，但是IE9和FF17根本不会淡化视频。他们只是等待它结束然后立即隐藏视频。

视频位于div，填满整个屏幕，视频开始播放时已经加载了背后的内容。

将视频隐藏在〜60％持续时间的相关代码位于jPlayer构造函数的timeupdate事件中。

$(".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中工作。

除此之外，请确保将wmode param设置为opaque：

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

jQuery淡入淡出效果在播放Flash视频时无法正常工作

1 个答案: