2015-02-10 54 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