燈箱觸發事件點擊空格或鼠標左鍵單擊

我有如下腳本加載燈箱，燈箱觸發事件點擊空格或鼠標左鍵單擊

$(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或者屏幕中心，因爲視頻總是處於中心位置。

在此先感謝

來源

2013-10-03 Hrishikesh Sardar

我只在IE上遇到過這種情況。在其他瀏覽器中，它會在燈箱關閉或移除時自動停止視頻。

對於IE瀏覽器，如果它是自定義Flash播放器，您應該在Flash播放器中創建一個函數來停止視頻並使用js在Flash播放器中觸發該功能。

如果您在嵌入youtube播放器，則不能使用直接嵌入代碼。你應該選擇youtube api，這樣你就可以使用js來控制玩家。

來源

2013-10-03 06:31:49 Bala

我在所有的瀏覽器上都有這個問題。 –

我可以看到該頁面嗎？ – Bala

mazzey.herokuapp.com –

問題是與插件nivo燈箱。當你點擊外部視頻容器不會從頁面中刪除，而只是淡出，所以爲什麼視頻在淡出的div內播放。

插件有問題，因爲它的壓縮無法顯示哪一行。相反，你可以使用像這樣的插件http://www.jacklmoore.com/colorbox/example1/

來源

2013-10-03 15:40:57 Bala

如果我不要求太多，你可以給我一個關於JSFiddle上的colorbox的YouTube視頻的工作示例。因爲我無法讓它工作。 –

在我已經提供的鏈接上已經存在着wordking示例.. http://www.jacklmoore.com/colorbox/example1/ 點擊頁面上的Flash/Video（Iframe/Direct Link To YouTube）鏈接 – Bala

我想要代碼，因爲它沒有在網站上提到的工作 –

燈箱觸發事件點擊空格或鼠標左鍵單擊

回答

相關問題