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

如何在使用fancybox时获取jwplayer上的全屏视频？现在我有fancybox开放一个包含jwplayer嵌入的div，并且它工作正常，播放时按下播放等视频播放，这一切都很好。唯一的问题是，当我按全屏播放视频播放全屏视频浏览器和facybox弹出窗口，所以我无法正确看到它。我需要将全屏幕放在焦点上。我注意到fancybox使用了很多z-index值，这是什么原因造成的？如何在使用fancybox时在jwplayer上获得全屏视频

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

来源

2012-01-07 Jizbo Jonez

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

推荐的方法，如果你打算让他们在的fancybox是给他们打电话的需求，所以用这个网站：

<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>

见example here

来源

2012-01-07 20:25:22 JFK

关于在我的浏览器后面全屏显示的视频，它似乎是一个Windows 7的问题。我的电脑正在翻出来，迫使我的浏览器停留在所有其他窗口之上，而不仅仅是全屏视频。我重新启动，一切正常。 – 2012-01-10 14:40:10

感谢您提供的JFK信息，我将很快为您提供您的代码。 – 2012-01-10 14:41:17

fancybox添加了一些占位符内容后，我使用jwplayer安装程序。 'content'：'

'然后jwplayer（“player”）。setup（{file：“video.mp4”}） – funrob 2014-01-05 00:03:32

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

回答

相关问题