javascript - jQuery FitVids，带镜像的标签 - YouTube 消失

Question

我正在尝试为不同的视频镜像制作标签布局。基本上我正在做的是一个带有主选项卡“Mirror 1”和第二个“Mirror 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>

第一个标签中的第一个视频（这是一个 Vimeo 视频）工作正常，但第二个标签中的 YouTube 视频甚至不显示。为什么？