Question

我有以下脚本来加载灯箱，

$(document).ready(function(){
        $('.TESTER123').nivoLightbox({
            effect: 'fade',theme: 'default',
            beforeShowLightbox: function(){
                $('.TESTER123').hide()
            },
            afterHideLightbox: function(){
                $('.TESTER123').show();    
            },
            beforeHideLightbox: function(){
                var e = jQuery.Event("keydown", { keyCode: 1 });
                jQuery(".nivo-lightbox-content").trigger( e );

            }
        });

    });

在beforeHideLightbox函数中，我想生成一个鼠标左键单击事件或空格键按下事件，这样当我关闭灯箱窗口时，视频应暂停播放，目前它一直在后台播放。所以我想在视频帧中生成这两个事件中的一个，即.nivo-lightbox-content或屏幕的中心，因为视频将始终位于中心。

提前致谢

Answer 1

我只在IE上遇到过这种情况。在其他浏览器上，当灯箱关闭或移除时，它将自动停止视频。

对于IE，如果是自定义Flash播放器，你应该在flash播放器中创建一个功能来停止视频并使用js在flash播放器中触发该功能。

如果您要嵌入youtube播放器，则无法使用直接嵌入代码。你应该去youtube api，这样你就可以用js来控制玩家。

Answer 2

问题在于插件nivo灯箱。当你点击外面时，视频容器没有从页面中删除，而只是淡出，所以为什么视频在淡出的div中播放。

插件有问题，因为它的压缩无法显示哪一行。相反，您可以使用此http://www.jacklmoore.com/colorbox/example1/

这样的插件

Lightbox触发事件以单击空格或鼠标左键单击

2 个答案: