0

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

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

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

视频位于div整个屏幕上，并且在视频开始播放时已经加载了后面的内容。

在 jPlayer 构造函数的情况下，以约 60% 的持续时间隐藏视频的相关代码。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 上不行。同样更改动画时间似乎没有任何效果。

4

1 回答 1

1

我可以看到的一个问题是 jqueryhide函数不"fade"作为参数。

而不是使用hide：

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

你想使用fadeOut：

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

我很惊讶这在 Chrome 中工作。

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

<param name="wmode" value="opaque">
于 2013-01-03T23:54:57.143 回答