Question

我在Wordpress网站上使用jquery灯箱插件打开从lighbox中的rss获取的视频，我希望能够构建一个URL，将用户发送到我的网站并在pageload上打开视频。这与同一页面上的几个视频。

然后显示一个按钮，每个视频唯一网址作为共享按钮。

从谷歌搜索这样的东西可能是一种方式？

jquery get
使用唯一网址传递查询参数
jquery打开灯箱
jquery加载视频插件（youtube等）

我不擅长jquery或vanilla js，但试图掌握这个概念。任何帮助表示赞赏。

Answer 1

使用URL Query param是完成此任务的一个很好的选择。我们要做的是有一个脚本来检查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中看到。

您会注意到网址中有查询参数。其中一个是autoplay。如果你想更多地定制链接，还有很多其他的。

从lighboxes创建可共享的URL，在页面加载时打开视频？

1 个答案: