在使用fancybox时,如何在jwplayer上获取全屏视频?现在我有一个fancybox打开一个包含jwplayer嵌入的div,它工作正常,视频播放时按下播放等所以这一切都很好。唯一的问题是,当我在视频上全屏按下它播放全屏视频时,浏览器和facybox弹出窗口,所以我无法正常看到它。我需要全屏聚焦。我注意到fancybox使用了很多z-index值,导致它的原因是什么?
非常感谢任何帮助,谢谢。
答案 0 :(得分:9)
这完全取决于您如何嵌入视频。我个人不喜欢使用嵌入式嵌入式视频,因为它们在后台加载,无论您现在或以后看到它们,都会影响性能和页面加载。
如果您计划在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+'&autostart=true&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