Javascript 从在pageload上打开视频的LighBox创建可共享URL?
我在Wordpress网站上使用了一个jquery lightbox插件,它可以在lighbox中打开从rss获取的视频,我希望能够构建一个URL,将用户发送到我的网站,并在pageload上打开视频。这与同一页上的多个视频有关 然后显示一个按钮,每个视频都有一个唯一的url作为共享按钮 通过谷歌搜索这样的东西可能是一种方式Javascript 从在pageload上打开视频的LighBox创建可共享URL?,javascript,jquery,wordpress,lightbox,Javascript,Jquery,Wordpress,Lightbox,我在Wordpress网站上使用了一个jquery lightbox插件,它可以在lighbox中打开从rss获取的视频,我希望能够构建一个URL,将用户发送到我的网站,并在pageload上打开视频。这与同一页上的多个视频有关 然后显示一个按钮,每个视频都有一个唯一的url作为共享按钮 通过谷歌搜索这样的东西可能是一种方式 jqueryget 使用唯一url传递查询参数 jquery打开lightbox jquery加载视频插件(youtube等) 我既不擅长jquery也不擅长vanilla
我既不擅长jquery也不擅长vanilla js,但我正在努力掌握这个概念。感谢您的帮助。使用URL查询参数是一个很好的选择。我们要做的是有一个脚本来检查参数是否存在。我已经包含了如何执行此操作的代码。这一切都是用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, " "));
}
至于在lightbox中添加youtube视频,可以通过类似以下链接轻松完成:
href="//www.youtube.com/embed/dQw4w9WgXcQ?feature=player_detailpage&rel=0&autoplay=1
在视频之间需要更改的唯一部分是:dQw4w9WgXcQ
。可以在浏览器的URL中看到
您会注意到URL中有查询参数。其中之一是
autoplay
。如果你想定制更多的链接,还有很多其他链接。这条路线假设你有一个可以调用的函数来打开你的灯箱。我昨天在下面发布了一个答案。这就是你要找的吗?