2013-09-21 8 views
0

기본적으로 시차 웹 사이트에서 실행되는 Stratus2 미디어 플레이어가 있습니다. 웹 사이트에는 다른 미디어 파일도 있습니다 (prettyPhoto 라이트 박스에서 재생되는 YouTube 동영상). 사용자가 이러한 미디어 파일을 클릭 할 때마다 Stratus 플레이어를 일시 중지 할 수있는 기능이 있습니까?쿼리 오디오 플레이어를 일시 중지하기위한 외부 클릭 이벤트

$('.video').click(function() { 

$.stratus.stop() 

} 
) 

답변

1

페이지에 jQuery와 함께 위의 라이브러리를 포함하십시오. 이제 페이지의 각 미디어 요소에 "미디어"클래스가 적용되어 있다고 가정합니다. 이제 다음 코드는 .. 이러한 항목의 클릭에

$(".media").click(function() { 
    jQuery.pubsub.publish('media.clicked', {}); 
}); 

을 이벤트를 게시하고 다음 코드는 위의 게시 된이 이벤트에 등록하고 게임에서 이전 미디어를 중지해야합니다. 당신이 무슨 말을하는지

jQuery.pubsub.subscribe('media.clicked', function(topic, msg){ 
    $.stratus.stop(); 
}); 
0

당신은 당신의 문제를 해결하기 위해 술집 서브 (게시 및 가입) 패턴을 사용할 수 있습니다. 솔루션의 기본은 다음과 같습니다. 각 미디어 파일을 클릭 할 때마다 이벤트 발생. 일반적인 jQuery 선택기가 공통 코드에서이 이벤트를 발생시키는 데 유용 할 수 있습니다.

이제 위에서 설명한 원하는 이벤트가 발생하자마자 트리거되는 수신기 메서드가 있습니다. 이 청취자 내에서 재생중인 비디오를 멈추게 할 수 있습니다.

+0

이 jQuery를이 [여기] 술집 하위 기능 (https://github.com/KanbanSolutions/jquery-pubsub가), 나의 기본 개념을 –

+0

좋아요 수를 얻기위한 플러그인 사용할 수 있습니다 , 실제로 코드를 작성하는 방법에 대한 단서는 없습니다. –

+0

주석에 코드를 추가하는 것이 더러워 지므로 아래 별도의 답변에 추가했습니다. 어떤 의미가 있는지보십시오. :) –