Jquery 使用fancybox时如何在jwplayer上获取全屏视频

在使用fancybox时，如何在jwplayer上获得全屏视频？现在我有fancybox打开了一个包含jwplayer嵌入的div，它工作得很好，视频在按play时播放，等等，这一切都很好。唯一的问题是，当我在视频上按全屏时，它会在浏览器和facybox弹出窗口后面播放全屏视频，因此我无法正确地看到它。我需要全屏来聚焦。我注意到fancybox使用了大量的z索引值，这就是导致它的原因吗

---

任何帮助都将不胜感激，谢谢。

这取决于您如何嵌入视频。我个人不喜欢使用内嵌式视频，因为无论您现在或以后看到它们，它们都是在后台加载的，这会影响性能和页面加载

如果您计划在fancybox中显示它们，建议您按需调用它们，因此使用以下html：

<a class="video" href="pathToVideo/video.flv">open my video in fancybox</a>

使用以下脚本：

<script type="text/javascript">
 $(document).ready(function(){
  $("a.video").click(function() {
   $.fancybox({
    'padding' : 0, // optional
    'title' : this.title,
    'content': '<embed src="jwplayer.swf?file='+this.href+'&amp;autostart=true&amp;fs=1" type="application/x-shockwave-flash" width="352" height="240" wmode="opaque" allowfullscreen="true" allowscriptaccess="always"></embed>'               
   }); // fancybox
   return false;
  }); // click
 }); // ready
</script>

$（文档）.ready（函数（）{
$（“a.video”）。单击（函数（）{
$.fancybox({
“填充”：0，//可选
“title”：this.title，
“内容”：”
})；//fancybox
返回false；
})；//单击
}); // 准备好的

---

请参见

关于我的浏览器后面的全屏视频，这似乎是windows 7的问题。我的电脑正在翻转，迫使我的浏览器保持在所有其他窗口的顶部，而不仅仅是全屏视频。我重新启动了，一切都很好。感谢您提供的信息，JFK我将很快试用您的代码。在fancybox添加一些占位符内容后，我将使用jwplayer设置。”内容“：”，然后是jwplayer（“player”）.setup（{file:“video.mp4”}）@funrob：如果您愿意，您可以发布自己的答案（总是鼓励改进）。这个答案已经有2年了，jwplayer从那时起就有了发展。确保您在回答中指定是否需要任何额外的js API（但此回答不需要任何额外的js API）