首先，您应该使用fancybox v2.x来无缝地执行此操作（修补fancybox v1.3.x并不值得）
其次，您需要在父页面和iframed页面这两个页面中都加载jquery和fancybox css和js文件，以便正确地超越fancybox，
因此在两个页面中，您至少应具有以下内容：
<link rel="stylesheet" type="text/css" href="fancybox2.0.4/jquery.fancybox.css" />
和
<script src="http://pre.jquery.com/jquery-latest.js"></script><script type="text/javascript" src="fancybox2.0.4/jquery.fancybox.js"></script>
然后在您的iframed（子页面）页面中，您的脚本基本上是相同的（但具有适用于v2.x的fancybox选项…请在此处查看文档）
$(".video").click(function() { $.fancybox({ 'padding' : 0, // more options (v2.x) etc但是代替这个
$.fancybox({做这个：
parent.$.fancybox({然后fancybox将显示在父页面的iframed页面的边界之外
