2016-12-31 5 views
4

내 페이지에 약 10 개의 YouTube iframe이 포함되어 있으며 모두 사용자 지정 재생/일시 중지 버튼이 있습니다. 경우, 예를 들어다른 플레이어가 재생 될 때 삽입 된 YouTube iframe을 중지하십시오.

function stopVideo(player_id) { 
    if (player_id == "player1") { 
     player2.stopVideo(); 
    } else if (player_id == "player2") { 
     player1.stopVideo(); 
    } 
} 

... 나는 http://jsfiddle.net/buuuue/dzroqgj0/을 시작하기 위해이 솔루션을 사용하고 있지만 다른 사람이 시작하면 재생 다른 비디오를 중지하는 코드의 조각을 조정할하는 방법을 잘 모르겠어요 플레이어 (1) 현재 재생 중이고 플레이어 3이 재생되면 플레이어 1의 재생을 중지하고 싶습니다. 또한이 솔루션을 https://stackoverflow.com/a/38405859/1798756으로 들여다 보았습니다.하지만 JS를 통해 플레이어를 만들어야 사용자 지정 재생/일시 중지 단추를 만들 수 있다고 생각합니다.

미리 도움을 청하십시오!

+3

[다른 YouTube를 재생할 때 YouTube iframe 삽입 일시 중지] 가능한 복제본 (http://stackoverflow.com/questions/14942916/pause-youtube-iframe-embed-when-playing-another) – Dekel

+0

예, 예 그 해결책을 들여다 보았다. 내가 2 개 이상의 YouTube iframe을 추가하려고하고 있으며이를 수행하는 가장 좋은 방법은 확실치 않습니다. – user1798756

+0

id 대신 클래스 사용 – Dekel

답변

3

플레이어를 만든 후에 배열로 밀어 넣습니다.

var vids =[]; 
    player1 = new YT.Player('player1', { 
    //stuff 
    }); 
    vids.push(player1); 

    player2 = new YT.Player('player2', { 
    // stuff 
    }); 
    vids.push(player2); 

    .... 
    .. 
    playerN = new YT.Player('playerN', { 
    // stuff 
    }); 
    vids.push(playerN); 

모든 플레이어 오브젝트의 ID가 사용자가 방금 모든 일시 정지해야 주어진 플레이어를 재생할 때 지금

(id는 속성 (문자열)입니다, a 자체가 객체이다)의 a.id 속성에 액세스 할 수 있습니다 http://jsfiddle.net/4t9ah1La/

0 : -를 제외한 다른 하나는 (당신이 stopVideo에서 얻을 수있는 ID) 당신이 ID를 가지고 .Since 쉽게

function stopVideo(player_id) { 
    for(var i=0;i<vids.length;i++){ 
    if (player_id !=vids[i].a.id)  
     vids[i].stopVideo(); 
    } 
} 

예의를 재생중인 http://jsfiddle.net/fyb7fyw1/

모든 학점 - :

오히려 단지 내장 iframe을 스크립트를 통해 플레이어를 만드는 것이 아니라, 경우 vbence 언급 this 답은 아래 Jennie

예에 의해 제안 개선과 그 데모는, 충분하다 각 원작자에게

+0

대단하군요! 정말 고마워! – user1798756

+0

나는 사용자 지정 재생/일시 정지 단추를 부착 할 수 있도록 스크립트를 통해 플레이어를 만들어야한다고 생각합니다. 아니면 내가 틀렸어? – user1798756

+2

예. 당신은 하나의 방법을 사용할 수 있습니다. 스크립트 기반 플레이어는 단지'player1.playVideo();'와'player1.pauseVideo(); '입니다. 그러나 을 삽입하고 있다면 전역 배열과 함수 호출을 할 수 있습니다 [이 하나]와 같은 버튼의 역할과 일치하는 플레이어가 무엇이든간에 (http://jsfiddle.net/3sx5gprs/) – Viney