2017-09-07 18 views
0

jwplayer().stop(); 기능을 내장하는 클릭 핸들러가 있습니다. 그러나 첫 번째 처리기 만 실행되고 다른 핸들러는 실패합니다 (그러나 오류는 기록되지 않습니다).JW Player - 이벤트 핸들러가있는 여러 플레이어를 중지 (대상)

동영상은보기에서 div 요소에 삽입됩니다.

다른 단어로 : 내 후속 클릭을 내 function() 안에 기록 할 수 있지만 첫 번째 동영상은 중지 할 수 있지만 두 번째, 세 번째 등은 중지 할 수 없습니다.

생각하십니까? 감사합니다.

$(function(){ 
    console.log('ready'); 
    $('.stop').on('click',function stopVideo() { 
     //stop JW player 
     if (typeof(jwplayer) != 'undefined') { 
       console.log('video stopped'); 
       jwplayer().stop(); 

      }   
    }) 
}); 

보기

<body> 
<div class="container"> 
    <!-- first video --> 
    <div class="jw" style="width: 40%; margin: 10px auto"> 
     <script src="//content.jwplatform.com/players/4sng2RGX-UQtQ90mG.js"></script> 
     <button class="stop" style="padding: 8px 19px; float: right; margin: 10px">stop video</button> 
    </div> 

    <!-- second video --> 
    <div class="jw" style="width: 40%; margin: 10px auto"> 
     <script src="//content.jwplatform.com/players/z5Jka98V-UQtQ90mG.js"></script> 
     <button class="stop" style="padding: 8px 19px; float: right; margin: 10px">stop video</button> 
    </div> 
</div> 
</body> 

답변

1

당 JW 문서 : 항상 페이지의 첫 번째 선수를 대상으로됩니다 API 호출과의 ID 또는 인덱스를 포함하지

.

$(function(){ 
    //get every video with class .stopVideo 
    var count = $('.stopVideo').length; 

    $('#stop').on('click',function() { 
     //loop through all videos stored in count 
     for(var i = 0; i < count; i++) { 
     if (typeof(jwplayer) != 'undefined') { 
       console.log('video stopped'); 
       //stop player 
       jwplayer(i).stop(); 

      } 
     }   
    }) 
}); 

보기

<body> 
<div class="container"> 
    <!-- first video --> 
    <div class="stopVideo"> 
     <script src="//content.jwplatform.com/players/4sng2RGX-UQtQ90mG.js"></script> 
    </div> 

    <!-- second video --> 
    <div class="stopVideo"> 
     <script src="//content.jwplatform.com/players/z5Jka98V-UQtQ90mG.js"></script> 
    </div> 
    <button id="stop">stop video</button> 
</div> 
</body> 

나는 누군가가 이유를 부여하지 않고 아래로 질문을 투표 때 불행 동의 https://developer.jwplayer.com/jw-player/docs/developer-guide/api/javascript_api_introduction/

는 여기에 솔루션입니다. 그것을 유지하고 해피 코딩!

+0

대단히 감사합니다 .Null은 참입니다. 나는 통찰력을 정말로 고맙게 생각한다. – tonkihonks13

+0

예 아니오 prob @ tonkihonks13 –

1

귀하의 stopVideo() 기능은 정지하도록되어있는 비디오 알 수있는 방법이 있습니다. jwplayer은 클릭하는 버튼과 관련이 있거나 다를 수있는 일부 전역 변수입니다. 여러 선수 타겟팅 에서

+0

감사합니다. 클릭 핸들러를 통해 모든 동영상의 정지를 구속 할 수있는 제안이 있으십니까? jwplayer(). stop()과 다른 접근법을 사용하더라도? – tonkihonks13

+0

https://developer.jwplayer.com/jw-player/docs/developer-guide/api/javascript_api_introduction/ - '여러 플레이어 타겟팅'으로 스크롤하면 올바른 방향으로 이동해야합니다. –