javascript - 切换播放器的可见性后，YouTube 视频无法正确播放

Question

我正在使用YouTube JS API在我的网站上播放视频。视频在对话框中播放。当用户关闭对话框时，播放器停止 -player.stopVideo();但是当用户再次点击视频图标时，出现对​​话框

• 在Chrome中，视频从上一个位置开始播放 - OK
• Firefox，无论用户上次离开的位置，视频都会从头开始播放。-不好

根据我的要求，我希望 Chrome 的行为与 firefox 的行为方式相同。

这是一个小提琴：http: //jsfiddle.net/hH3qm/4/

Answer 1

问题是由于 Flash 播放器在不可见时被重置。Firefox 似乎有问题，以至于它在重新启动时不会返回到正确的位置。要修复它，请使用player.cueTo(player.getCurrentTime()).

此外，当 API 方法调用太快时，即在 Flash 对象准备好之前，Error calling method on NPObject!会抛出 。要解决此问题，请推迟通话。

演示：http: //jsfiddle.net/hH3qm/13/show/

$("#watch_video_overlay").dialog({ //dialog -jquery ui method
    width: '680',
    height: 'auto',
    modal: true,
    show: 'fade',
    hide: 'fade',
    open: function () {
        if ($.browser.mozilla) {
            setTimeout(function () {
                player.seekTo(player.getCurrentTime());
            },
            1000);
        } else {
            player.playVideo();
        }
    },
    close: function () {
        // Pause it, btw.
        player.pauseVideo();
    }
});