Question

我正在使用流程图，我创建了一些改变播放器内容的html按钮。我做的一件事是当你按下按钮时改变播放器的大小。我通过给它一个具有自己的css样式的新类名来实现这一点。

这适用于IE7和8，chrome，safari，opera，但在FireFox中我遇到了问题。

每当点击调整大小按钮时，播放器似乎重新加载并返回到开头。

flowplayer($('.player').children('.video').attr('id'), {src: 'js/flowplayer-3.2.7.swf',wmode: 'opaque', allowfullscreen: false}, {
                clip:  {

        },
            plugins: {                        
            controls: null                                          
        },
            play: { opacity: 0 }
    });

当你按下按钮时，我调用我的功能，看起来就是这样，只需添加一个新类并删除旧的

function changeSize(){
        $('.player').removeClass('FSMODE');
        $('.player').addClass('videoplayer');
},

Answer 1

经过多次测试后我发现了问题，这只适用于firefox。

在使用您应用的初始css加载flowplayer之后，对css位置，溢出和显示之后的任何更改都将导致播放器重新加载。

希望这有助于某人

使用css FireFox调整大小时，Flowplayer会中断

1 个答案: