플래시 애니메이션을 페이지를 다시 초기화하지 않고 팝업으로 이동하는 방법

Question

내 웹 사이트의 작은 상자에 앉아서 비디오를 재생하는 플래시 비디오가 있습니다.

사용자가 '더 크게보기'버튼을 클릭하면 라이트 박스에 표시해야하지만 동일한 장소에서 계속 재생해야합니다.

jQuery와 같은 간단한 조각을 사용하면 비디오를 다른 DIV (예 : jquery UI 팝업 창)로 옮길 수 있습니다.

$('.holder', dialog).append($("#DemoVideo")[0]); 

그러나 크롬 + FF는 처음부터 비디오를 다시 시작합니다 - 기본적으로는 <object> 다시 초기화됩니다. 절대적으로 처음부터 CSS와

• 위치 그것과
• 위치를 기억 단지 새로운 인스턴스를 핸들러의 크기를 조정 CSS와 팝업 및 성가신 JS 이벤트로 이동 :

  내 솔루션 중 하나입니다 동영상 플레이어를 사용하고 다시 버퍼링을 지연하여 사용자를 라이브로 만들 수 있습니다.

<object> 태그를 이동하는 다른 영리한 방법이 있습니까?

참고 : - 아니,하지만

Answer 1

별로 어떤 플래시 객체에 적용이는 jwplayer입니다. 객체 태그를 이동하거나 수정하면 (일부 건) 객체를 다시 초기화 할 수 있습니다. 따라서이 경우 동영상의 .holder 수정 - 클래스 변경, 스타일 지정, 기타 - HTML이 아닌 변경, 즉 object 태그를 다시 초기화해야합니다.

Answer 2

당신은 단순히 "큰보기"를 클릭했을 때 비디오의 현재 위치를 추적 할 수 있다고 말하면서 그 위치에서 큰 비디오 스트리밍을 시작하십시오. 나는 이것이 youtube가하는 방법이라고 확신한다.