2011-10-26 3 views
1

flowplayer를 사용 중이고 플레이어에서 변경되는 html 버튼을 만들었습니다. 내가하는 일 중 하나는 버튼을 눌렀을 때 플레이어의 크기를 변경하는 것입니다. 나는 그것에게 그것의 자신의 CSS 스타일링이있는 새로운 클래스 이름을주는 것만으로 그것을 달성했다.CSS로 크기를 조절할 때 Flowplayer가 깨집니다. FireFox

IE7과 8, 크롬, 사파리, 오페라에서 작동하지만 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'); 
}, 

답변

0

후 많은 테스트를 제거하는 것 같습니다 내 함수를 호출 버튼을 누르면,이 파이어 폭스에만 적용 그것은 보인다.

flowplayer에 초기 CSS를 적용한 후 CSS 위치, 오버플로 및 표시로 변경하면 플레이어가 다시로드됩니다.

희망이 도움이된다 누군가

관련 문제