Javascript 从在pageload上打开视频的LighBox创建可共享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

我在Wordpress网站上使用了一个jquery lightbox插件,它可以在lighbox中打开从rss获取的视频,我希望能够构建一个URL,将用户发送到我的网站,并在pageload上打开视频。这与同一页上的多个视频有关

然后显示一个按钮,每个视频都有一个唯一的url作为共享按钮

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

  • jqueryget
  • 使用唯一url传递查询参数
  • jquery打开lightbox
  • jquery加载视频插件(youtube等)

  • 我既不擅长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
    。如果你想定制更多的链接,还有很多其他链接。

    这条路线假设你有一个可以调用的函数来打开你的灯箱。我昨天在下面发布了一个答案。这就是你要找的吗?