Javascript jQuery FitVids，带镜像的选项卡-YouTube消失

我正在尝试为不同的视频镜像制作一个选项卡布局。 基本上，我正在做的是一个页面，主选项卡是“镜像1”，第二个选项卡是“镜像2”。 目的是使用FitVids在Tabs容器内使视频尽可能大

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Mirror 1</a></li>
        <li><a href="#tabs-2">Mirror 2</a></li>
    </ul>
    <div class="video">
        <div id="tabs-1">{$data['record']['field_11_value']}</div>
        <div id="tabs-2">{$data['record']['field_15_value']}</div>
    </div>
</div>

jQuery(function($) {

$(document).ready(function(){
// Target your .container, .wrapper, .post, etc.
    $(".ipsBox").fitVids();
    $(".tabs").fitVids();
    $(".tabs-1").fitVids();
    $(".tabs-2").fitVids();
  });
});
    </script>

{$data['record']['field_11_value']}
{$data['record']['field_15_value']}
jQuery（函数（$）{
$（文档）.ready（函数（）{
//以.container、.wrapper、.post等为目标。
$（“.ipsBox”）.fitVids（）；
$（“.tabs”）.fitVids（）；
$（“.tabs-1”）.fitVids（）；
$（“.tabs-2”）.fitVids（）；
});
});

---

第一个选项卡中的第一个视频（Vimeo视频）工作正常，但第二个选项卡中的YouTube视频甚至没有显示。为什么？

您遇到的错误是什么，请检查元素。根本没有错误，这是奇怪的部分：（现在它显示出来了，但在页面的下方显示为800px。如果它显示出来，这是一个Css问题，请检查样式。我在第二个选项卡中使用vimeo视频进行了测试，然后它工作了。它似乎只影响YouTube嵌入。我在Css中四处查看，但没有发现任何奇怪的情况？