Question

extra space at bottom of fancybox2

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

我试图摆弄divs css，但它没有用。堆栈溢出不让我发布我的问题因为我需要更多细节!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

有人可以创建videojs标签吗？

代码：

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

fancybox-2底部的奇数空格

0 个答案: