0

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

$(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 的视频帧内或屏幕中心生成这两个事件中的 1 个，因为视频将始终位于中心。

提前致谢

4

2 回答 2

0

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

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

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

于 2013-10-03T06:31:49.893 回答
0

问题出在插件 nivo 灯箱上。当您在视频容器外部单击时，不会从页面中删除，而是淡出，所以为什么视频在淡出的 div 内播放。

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

于 2013-10-03T15:40:57.260 回答