Brightcove 视频在 Fancybox 中冻结

Question

我在通过 Fancybox 播放时遇到多个 Brightcove 视频在 19 秒时卡顿的问题。这是一个例子：https://jsfiddle.net/qrqwy0qt/1/

重现步骤：

1. 点击“在 Fancybox 中播放视频”按钮
2. 正确观看视频播放
3. 刷新页面，或者在jsfiddle中点击“运行”
4. 在 Fancybox 中再次播放视频，观看它在 :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中看到。

此外，对于某些视频播放器，您甚至可以在缓冲区进度条中看到问题：

Video Progress Bar Image

您可以在 :19 秒处看到进度条上的颜色变化。视频在此之后似乎无法加载内容，除非您手动搜索该点之后的内容。

我在使用其他灯箱（例如 Brightcove 的模态）时也遇到过这个问题。谁能帮我解决这个问题？

更新：

似乎仅当视频高度超过 270 像素时才会出现此问题，不包括视频播放器的“信箱”。您可以使用以下 CSS 属性对此进行测试：

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

这并不是真正的永久解决方案，因为它会阻止对较大分辨率的响应，但希望这些信息可以让我们更接近真正的解决方案。

Answer 1

你能指定浏览器吗？我在 Firefox 和 Chrome 上测试过，效果很好。