ajax / jquery - 打开简单弹出窗口的脚本

Question

我需要打开弹出窗口的脚本，比如灯箱。 但没有图像

它必须从html文件加载视频播放器代码，并将视频文件ID发送到此代码

html中的播放器代码：

<iframe src="http://site.com/embed/video file ID" style="width: 800px; height: 450px; border: none; background-color: #000;" frameborder="0"></iframe>

所以我需要脚本打开上面的代码弹出窗口。

谢谢！

Answer 1

Fancybox非常好。 第一版可免费使用。

HTML：

<a class="forpopup" href="http://www.example?iframe">This goes to iframe</a>

JS：

$('a.forpopup').fancybox();

Answer 2

请参阅jQuery ColorBox ，在Demos页面中通过AJAX，Flash和视频示例查找外部HTML内容的“ 其他内容类型”部分。

一个简短的用法示例：

// Format:
$(selector).colorbox({key:value, key:value, key:value});

// Examples:
// Image links displayed as a group
$('a.gallery').colorbox({rel:'gal'});

// Ajax
$('a#login').colorbox();

// Called directly, without assignment to an element:
$.colorbox({href:"thankyou.html"});

// Called directly with HTML
$.colorbox({html:"<h1>Welcome</h1>"});

// ColorBox can accept a function in place of a static value:
$("a.gallery").colorbox({rel: 'gal', title: function(){
    var url = $(this).attr('href');
    return '<a href="' + url + '" target="_blank">Open In New Window</a>';
}});