使用 css FireFox 调整大小时 Flowplayer 中断
我正在使用 flowplayer,并创建了一些 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');
},
I am using flowplayer and I created some html buttons which change things on the player. One of the things I do is change the size of the player when you hit the button. I have achieved that by just giving it a new class name which has its own css styling.
This works in IE7 and 8, chrome, safari, opera but in FireFox I am having problems.
whenever the resize button is clicked the player seems to reload and go back to the beginning.
flowplayer($('.player').children('.video').attr('id'), {src: 'js/flowplayer-3.2.7.swf',wmode: 'opaque', allowfullscreen: false}, {
clip: {
},
plugins: {
controls: null
},
play: { opacity: 0 }
});
When you press the button I call my function which looks like this just adding a new class and removing the old
function changeSize(){
$('.player').removeClass('FSMODE');
$('.player').addClass('videoplayer');
},
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
经过多次测试,我发现了这个问题,这似乎只适用于 Firefox。
在 flowplayer 加载了您应用的初始 css 后,此后对 css 位置、溢出和显示的任何更改都将导致播放器重新加载。
希望这对某人有帮助
After much testing I have found the problem, this applies to firefox only it seems.
After flowplayer is loaded with the initial css you apply to it, any changes to after that to css position, overflow, and display will cause the player to reload.
Hope this helps someone