Fancybox中的JW Player大小调整问题

Question

我正在使用fancyBox来显示通过JW Player托管的视频。

如果我使用JW Player提供的“单行嵌入代码”或者如果我使用iframe选项，那么它似乎没有什么区别 - 视频仍然以最大100px宽度出现。我似乎无法弄清楚是什么在控制它，并且看不出有必要专门为此目的定制fancybox。

还有其他人遇到过这个问题吗？

我的HTML看起来像这样：

<a href="#media1" rel="gallery" class="fancybox">01</a>

<div id="media1" class="fancybox-content">
  <script src="//content.jwplatform.com/players/xxxxxxxx-xxxxxxxx.js"></script>
</div>

我的CSS看起来像这样：

.fancybox-content {
  display: none; // This hides any content that should appear within fancyBox
  width: 100%;
  max-width: 960px;
}

我已经设置Codepen来说明我遇到的问题。

Answer 1

诀窍是在fancybox中添加'autoSize：false'选项。在玩家渲染之前，似乎fancybox将盒子自动调整到最小值。笔现已更新并正常工作。

$(".fancybox").fancybox( {
    autoSize: false
});