2012-04-06 5 views
2

JW Player가 재생하는 다양한 비디오로 모달 대화 상자 팝업이 있습니다.대화 상자를 닫을 때 모달 대화 상자에 포함 된 JWPlayer를 어떻게 멈추게합니까?

UI 버전 1.8.18 (둘 다 로컬 호스팅 됨)의 JQuery 1.7.1을 사용 중이며 해당 패키지의 모달 대화 상자 위젯을 사용하고 있습니다.

문제는 비디오가 재생되는 동안 대화 상자를 닫아도 플레이어에 STOP 명령을 보내지 않는 것입니다. 따라서 대화 상자는 닫히지 만 오디오는 계속 유지됩니다. 브라우저의 전체 창이나 탭을 닫는 것만으로 인터넷 연결이 끊어집니다 (지금까지 IE에서만 가능).

JW 플레이어 문서

the following solution이 : 그들은 로컬 앵커 태그에 결합

onclick="player.sendEvent('STOP')" 

.

내 문제는 모달 창에있는 닫기 아이콘이 UI 코드 자체에 의해 생성된다는 것입니다. 지침없이 (i-JOB 수준 -1에 있음) UI를 사용하지 않아도됩니다.

요약하면이 코드를 외부 스 니펫 또는 UI 코딩 자체를 변경하여 'STOP'을 달성하는 방법을 알려주시겠습니까? 당신은하는 BeforeClose 내부의 정지 명령을 배치해야합니다 http://jqueryui.com/demos/dialog/

 

    $(".selector").dialog({ 
     beforeClose: function(event, ui) { ... } 
    }); 

을 :

$(".selector").dialog({ 
    close: function(event, ui) { 
     player.sendEvent('STOP'); 
    }, 

    modal: true /* and so on with any other parameters you have */ 
}); 

답변

2

는 당신의 jQuery UI 대화 상자의 "close" 이벤트를 사용할 수 있습니다 기능. 이것은 모달이 닫히기 직전에 호출 될 것이고, 모달이 닫힌 후에 호출되는 'Closed'함수가 대신 있습니다.

희망이 도움이됩니다.

건배.

+0

'.selector'에 의해 그 링크에 주어진 실제 클래스를 의미합니까?'ui-dialog-titlebar-close'? 또한'close : function ... '을 대화 상자의 다른 매개 변수와 함께 배치합니까, 아니면 여기에있는 것처럼 별도로 배치할까요? – Eamonn

+0

@Eamonn이 코드는 제공하지 않았으므로 통합 솔루션이 아닙니다. 코드와 통합하려면 적절한 ".selector"'를 사용하고, 예,''close ''는 다른 매개 변수와 같은 또 다른 매개 변수입니다. – Esailija

+0

감사합니다. 초보자가되어서 제가하고있는 일에 대해 매우 조심하게하니 체크해야했습니다! :) – Eamonn

1

당신은 여기에 자신의 jQuery 모달 방법을 볼 수 있습니다

+0

에서 찾을 수 있습니다. 조나단 - 그것은 갈 길이라고 생각합니다. Esailija는 아래에서 같은 해결책을 가지고있었습니다. 나는 다른 모달 설정이나 별도의 기능으로 스 니펫을 어디에 넣을 지 확신 할 수 없습니다. – Eamonn

+0

모달을 생성해야하는 코드를 붙여 넣을 수 있습니까? 거기서 보여줄 수있어. –

+0

달콤한! 여기에 가서 : .dialog ({autoOpen : false, title : 헤더, 모달 : true, maxHeight : 500, 너비 : 580, 닫기 : function (event, UI) {player.sendEvent ('STOP');}}); ' – Eamonn

관련 문제