Brightcove视频冻结在Fancybox中

Brightcove video freezes in Fancybox

本文关键字：Fancybox 冻结 视频 Brightcove      更新时间：2023-09-26

通过Fancybox播放时，我遇到了多个Brightcove视频冻结在：19秒的问题。下面是一个示例：https://jsfiddle.net/qrqwy0qt/1/

重现步骤：

  1. 单击"在花式框中播放视频"按钮
  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 中看到。

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

视频进度条图像

您可以在进度条上看到颜色变化，时间为：19秒。在此时间点之后，视频似乎在加载内容时出现问题，除非您手动搜索超过该点。

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

更新：

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

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

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

你能指定浏览器吗？我在Firefox和Chrome上测试了它，工作正常。

相关文章：