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>

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