Question

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

重现的步骤：

点击“在Fancybox中播放视频”按钮
正确观看视频播放
刷新页面，或点击jsfiddle
在Fancybox中再次播放视频，观看它冻结：19秒。

等一下，视频显示“无法下载视频。错误代码：PLAYER_ERR_TIMEOUT”并在控制台中显示以下错误：

function main(){
    var _self = this;

    this.work = [];
    this.start_working = function() {
        try{
            if(_self.work.length > 0){
                var y = _self.work.shift();
                y.func(y.args);
            }
        }
        catch(e){alert(e)};
    };
    this.add_work = function(f, a){
        _self.work.push({func:f, args:a});
    };
    this.foo = function(){
        function footoo(){alert("bar");}
        _self.add_work(footoo);
    };
    this.foothree = function(){
        _self.add_work(_self.foo);
    };
    this.start = function(){
        setInterval(function(){_self.start_working();}, 1);
    };
};

当视频正常嵌入页面时，似乎不会发生这种情况，您也可以在jsfiddle中看到。

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

Video Progress Bar Image

您可以在以下位置看到进度条上的颜色变化：19秒。除非您手动寻求超过该点，否则视频在此之后似乎会出现加载内容的问题。

我也使用其他灯箱，例如Brightcove的模态，遇到了这个问题。任何人都可以帮我找到解决方法吗？

更新

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

.bind(this)

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

Answer 1

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

Brightcove视频冻结在Fancybox中

1 个答案: