2015-02-10 60 views
0

我在一個Wordpress網站上使用了一個jQuery的lightbox插件,用於打開從lighbox中的rss獲取的視頻,我希望能夠構建一個URL,將用戶發送到我的網站並在頁面加載中打開視頻。這與多個視頻在同一頁面上。從打開頁面加載視頻的燈箱創建可分享的網址?

然後顯示一個按鈕,每個視頻的唯一url作爲共享按鈕。

從這樣的搜索可能是一種方式嗎?

  1. jQuery的獲得
  2. 通查詢參數具有獨特的URL
  3. jQuery來打開收藏夾
  4. jQuery來加載視頻插件(YouTube的等),在任的jQuery

我不是好香草js,但試圖抓住這個概念。任何幫助讚賞。

+0

我在昨天下面發佈了一個答案。這是你在找什麼? – EnigmaRM 2015-02-11 15:23:00

回答

0

使用URL查詢參數是一個很好的選擇。我們要做的是有一個腳本來檢查Param是否存在。我已經包含了如何做到這一點的代碼。這一切都在JavaScript中完成。

//This function will check if the current page has the query param of 'video' (or whatever you set it to) & then call your lightbox function. 
//Put this in the footer of that page 
function checkParam() { 
    var isVideo = getParameterByName('video'); 
    if(isVideo == 'true') { 
     //call lightbox open function 
    } 
} 
checkParam(); 


//I'll use this function to get URL query params: http://stackoverflow.com/a/901144/2106563 
//This should also go in the footer of the page 
function getParameterByName(name) { 
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); 
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), 
     results = regex.exec(location.search); 
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); 
} 

至於加入您的收藏夾中的YouTube視頻,它可以很容易地與這個類似的鏈接來完成:

href="//www.youtube.com/embed/dQw4w9WgXcQ?feature=player_detailpage&rel=0&autoplay=1 

,你需要視頻之間改變的唯一部分是:dQw4w9WgXcQ 。這可以在瀏覽器的URL中看到。

您會注意到URL中有查詢參數。其中之一是autoplay。如果你想自定義鏈接,還有其他一些其他的。

+0

這條路線假定你有一個功能,你可以調用打開你的燈箱。 – EnigmaRM 2015-02-10 20:12:26