1

fancybox2 底部的额外空间

尝试使用 fancybox2 和 videojs 并在弹出窗口的底部得到一个空白。

我试图摆弄 divs css 但它不起作用。堆栈溢出不允许我发布我的问题，因为我需要更多详细信息！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！

有人可以创建一个videojs标签吗？

代码：

花式框-iframe.html：

<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="../js/fanbox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

<!-- Add fancyBox -->
<link rel="stylesheet" href="../js/fanbox/source/jquery.fancybox.css?v=2.1.4" type="text/css" media="screen" />
<script type="text/javascript" src="../js/fanbox/source/jquery.fancybox.pack.js?v=2.1.4"></script>

<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="../js/fanbox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="../js/fanbox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="../js/fanbox/source/helpers/jquery.fancybox-media.js?v=1.0.5"></script>

<link rel="stylesheet" href="../js/fanbox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="../js/fanbox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>


<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
    $("#image").on('click',function(){
        $.fancybox({
                 'width'            : 640,
                  'height'          : 440,
                    'autoscale' : false,
                    'autoDimensions'    : false,
                    'scrolling'   : 'no',
        'type'              : 'iframe',
        'href'              : 'video-js-demo.html'
        });
    });
});
</script>

 <div id="wrapper">
     <div id="image">
         the video
     </div>
 </div>

视频-js-demo.html

<head>
    <link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
    <script src="http://vjs.zencdn.net/c/video.js"></script>
</head>
<body>
    <video id="video1" class="video-js vjs-default-skin" width="640" height="480"
        data-setup='{"controls" : true, "autoplay" : true, "preload" : "auto"}'>
        <source src="Funeral_Planning_How_to_Plan_a_Funeral.mp4" type="video/mp4">
    </video>
</body>
4

0 回答 0