JW Größe des Player-Problems in Fancybox

Question

Ich verwende fancyBox, um Videos anzuzeigen, die über JW Player gehostet werden.

Es scheint keinen Unterschied zu machen, wenn ich den "Single Line Embed Code" verwende, den JW Player anbietet, oder wenn ich die iframe-Option verwende - das Video erscheint immer noch bei maximal 100px Breite. Ich kann nicht herausfinden, was das steuert, und kann keinen Grund sehen, fancybox speziell für diesen Zweck anzupassen.

Ist noch jemand in dieses Problem geraten?

Mein HTML sieht wie folgt aus:

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

Meine CSS wie folgt aussieht:

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

Ich habe Setup ein Codepen um das Problem zu veranschaulichen, das ich habe.

Answer 1

Der Trick war das Hinzufügen der Option "autoSize: false" zu fancybox. Es scheint, dass fancybox die Box auf das Minimum verkleinert hat, bevor der Player gerendert wurde. Der Stift ist aktualisiert und funktioniert jetzt korrekt.

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