在使用fancybox时,如何在jwplayer上获取全屏视频?现在我有一个fancybox打开一个包含jwplayer嵌入的div,它工作正常,视频播放时按下播放等所以这一切都很好.唯一的问题是,当我按下全屏播放视频时,播放全屏视频后面的浏览器和facyBox弹出窗口,所以我无法正常看到它.我需要全屏聚焦.我注意到fancybox使用了很多z-index值,是什么导致它?
任何帮助将不胜感激,谢谢.
解决方法
这完全取决于您如何嵌入视频.我个人不喜欢使用内联嵌入式视频,因为它们在后台加载,无论您现在或以后看到它们,都会影响性能和页面加载.
如果您打算在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>
原文地址:https://www.jb51.cc/jquery/181306.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。