ajax/jquery - 打開簡單彈出窗口的腳本

Question

我需要腳本來打開一個彈出窗口，比如lightbox。但與圖像

它必須加載視頻播放器代碼，從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 Page找到其他內容類型用於通過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>'; 
}});