当URL中的查询字符串不为null时触发fancybox

时间:2015-12-14 10:38:13

标签: javascript jquery html fancybox

我有视频页面,我显示视频列表,点击我在fancybox播放视频。

如果用户共享网址,例如http://www.website.com/videos/?v=OL0n7h9qsUI,那么我将视频ID作为参数传递,我想默认打开精美框,如果是共享网址则播放相同的视频。

下面是我正在处理的代码我试图调用触发器功能,但它无法显示。可能是我做错了什么

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, " "));
}

//Example URL = http://www.website.com/videos/?v=OL0n7h9qsUI

    var vid = getParameterByName('v');

    alert("VID : " + vid);

    if (vid=="")
    {
        $(".video-fancybox").click(function () {
            // first, get the value from the alt attribute
            var newTitle = $(this).find("img").attr("alt"); // Get alt from image
            $.fancybox({
                'padding': 0,
                'autoScale': false,
                'transitionIn': 'none',
                'transitionOut': 'none',
                //'title': this.title, // we will replace this line
                'title': newTitle,  //<--- this will do the trick
                'width': 680,
                'height': 495,
                //'href': this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
                'href': 'http://www.youtube.com/watch?v=' + vid,
                'type': 'swf',
                'swf': { 'wmode': 'transparent', 'allowfullscreen': 'true' }

            });
            // alert(this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'));
            $.ajax({
                type: "POST",
                url: "Views.aspx?youtubeVideoID=" + this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
            });
            return false;
        });

我正在使用旧的fancybox文件jquery.fancybox-1.3.4.pack.js

更新:

我试图在加载时打开fancybox,下面的脚本fancybox打开但没有显示任何视频。

$.fancybox({
    'padding': 0,
    'autoScale': false,
    'transitionIn': 'none',
    'transitionOut': 'none',
    //'title': this.title, // we will replace this line
    //'title': newTitle,  //<--- this will do the trick
    'width': 680,
    'height': 495,
    //'href': this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
    'href': 'http://www.youtube.com/watch?v=' + vid,
    'type': 'swf',
    'swf': { 'wmode': 'transparent', 'allowfullscreen': 'true' }
});

0 个答案:

没有答案