FancyboxでBrightcoveのビデオがフリーズする

Question

Fancyboxで再生したときに19秒でフリーズする複数のBrightcoveのビデオで問題が発生しました。ここでは一例です：再現するhttps://jsfiddle.net/qrqwy0qt/1/

ステップ：

1. ページを更新、または「ファイル名を指定して実行」をクリックし、正しく
2. を介してビデオの再生を見るボタン
3. 「Fancyboxでビデオを再生する」をクリックin jsfiddle
4. ファンシーボックスでビデオをもう一度再生し、19秒でフリーズします。

5. 分程度待ちと映像が「ビデオエラーコードダウンロードできませんでした。：PLAYER_ERR_TIMEOUT」を示すと次のエラーがコンソールに表示されます。

   VIDEOJS: ERROR: (CODE:-2 undefined) i {code: -2, type: "PLAYER_ERR_TIMEOUT", message: ""} 
   h @ index.html?videoId=5002405584001&autoplay=1:1300 
   
   g.error @ index.html?videoId=5002405584001&autoplay=1:1300 
   
   b @ index.html?videoId=5002405584001&autoplay=1:1307 
   
   db @ index.html?videoId=5002405584001&autoplay=1:1297 
   
   (anonymous function) @ index.html?videoId=5002405584001&autoplay=1:1308 
   

これはには表示されません。ビデオが通常ページに埋め込まれているときに発生します。これはjsfiddleでも見ることができます。 19秒：あなたは右にプログレスバー上の色の変化を見ることができます

Video Progress Bar Image

：

また、特定のビデオプレーヤーをあなたも問題はバッファプログレスバーに形成見ることができます。この点を過ぎて手動で検索しない限り、ビデオにはこの時点以降にコンテンツを読み込む問題があるようです。

この問題は、Brightcoveのモーダルなどの他のライトボックスを使用しても発生しています。誰も私にこれのための修正を見つけるのを助けることができますか？

更新：

ビデオの高さがビデオプレーヤーの「レターボックス」を除く、270pxの上にあるときに問題が発生しただけらしいです。あなたは、次のCSSプロパティでこれをテストすることができます。それは、より大きな解像度で応答性を防ぐため

.fancybox-inner{ 
    max-height:270px; // No freezing issue 
    //min-height:275px; // Results in freezing 
} 

これは本当に永久的な解決策ではありませんが、うまくいけば、この情報は、近い本当の解決に私たちをもたらすことができます。

Answer 1

ブラウザを指定できますか？私はFirefoxとChrome上でそれをテストし、正常に動作します。