1

我需要打开一个弹出窗口的脚本，比如灯箱。但不是图像

它必须从 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>

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

谢谢！

4

2 回答 2

2

Fancybox在这方面做得非常好。第一版可免费使用。

html:

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

JS：

$('a.forpopup').fancybox();
于 2013-01-19T13:01:52.883 回答
2

参见jQuery ColorBox，在Demos Page中通过 AJAX、Flash 和视频示例找到外部 HTML 内容的Other Content Types部分。

一个简单的使用示例：

// 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>';
}});
于 2013-01-19T13:02:43.040 回答