유튜브 비디오 ID가 일치하는지 확인하십시오. 다른 비디오 ID를로드하십시오.

Question

유튜브 내장 비디오에서 찾고 싶지만 severals 비디오가 있습니다.

1. 나는 시작에 비디오-A를 시작
2. 나는 2 메뉴가
3. 링크 A는 비디오-B에서 추구 비디오-A
4. 링크 B에 찾는 기능을 추구해야

따라서 검색하기 전에 어떤 비디오가 재생되는지 확인해야합니다.
비디오 id가 일치하면 ==> 검색
Else ==> 플레이어에 새 비디오로드 + seek (새 비디오가로드 될 때)

<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script> 
<script type='text/javascript' src="https://www.youtube.com/iframe_api"></script> 
<script type='text/javascript'> 
    function onYouTubeIframeAPIReady() { 
     var player; 
     player = new YT.Player('player', { 
      videoId: 'JP9-lAYngi4', 
      height: '405', 
      width: '720', 
      playerVars: { 'autoplay': 1}, 
      events: { 'onStateChange': onPlayerStateChange } 
     }) 

     function onPlayerStateChange(event) {   
      if(event.data === 1) {   
       //alert('playing'); 
      } 
      if (event.data == YT.PlayerState.PLAYING) { 
       var url = event.target.getVideoUrl(); 
       // "http://www.youtube.com/watch?v=gzDS-Kfd5XQ&feature=..." 
       var match = url.match(/[?&]v=([^&]+)/); 
       // ["?v=gzDS-Kfd5XQ", "gzDS-Kfd5XQ"] 
       var videoId = match[1]; 
       //alert(videoId) 

       $('#linkok').click(function(){ 
        if(videoId == "JP9-lAYngi4") { 
         //alert("same as onload:" + videoId); 
         player.loadVideoById("x9Us_jMV8hA"); 
         //alert("new video loaded: x9Us_jMV8hA") 
        } 
        else { 
         alert("not the same:" + videoId) 
        }       
       }); 
      }; 
     }; 
    }; 
</script> 

내 비디오 사업부 및 메뉴 : 그리고 여기

내 코드입니다) 재생

는

<div id="video"></div> 
<a href="javascript:;" onClick="player.playVideo();player.seekTo(60);">ON CLICK SEEKTO 60s in Video-A</a><br> 
<a href="javascript:;" onClick="player.playVideo();player.seekTo(120);">ON CLICK SEEKTO 120s in Video-B</a><br> 

내 코드는 잘하지, 정말 나는대로 작동하지 않는 기대하고 있었다
내가 더 잘할 수 있도록 도와 주시겠습니까?

Answer 1

사전에

덕분에 나는, 그런 그것을 어떻게 관리하지만 날이 코드를 단순화하는 방법을 알려 주시기 바랍니다 : 당신이 무슨 말을하는지 얻을 확실하지 :

<script type='text/javascript'> 
    var videoId; 
    function onYouTubeIframeAPIReady() { 
     var player; 
     player = new YT.Player('player', { 
      videoId: 'joITmEr4SjY', 
      height: '405', 
      width: '720', 
      playerVars: { 'autoplay': 1}, 
      events: { 'onStateChange': onPlayerStateChange } 
     }); 

     function onPlayerStateChange(event) {   
      if(event.data === 1) {   
       //alert('playing'); 
      } 
      if (event.data == YT.PlayerState.PLAYING) { 
       var url = event.target.getVideoUrl(); 
       // "http://www.youtube.com/watch?v=gzDS-Kfd5XQ&feature=..." 
       var match = url.match(/[?&]v=([^&]+)/); 
       // ["?v=gzDS-Kfd5XQ", "gzDS-Kfd5XQ"] 
       videoId = match[1]; 
      } 

     }; 
     $('#link01').click(function(){ 
      if(videoId == "joITmEr4SjY") { 
       alert("Good Video: " + videoId); 
       player.seekTo(120); 
      } 
      else { 
       alert("Wrong Video: " + videoId) 
       player.loadVideoById("joITmEr4SjY"); 
       player.seekTo(120); 
      }       
     }); 
     $('#link02').click(function(){ 
      if(videoId == "l9dpjN3Mwps") { 
       alert("Good Video: " + videoId); 
       player.seekTo(240); 
      } 
      else { 
       alert("Wrong Video: " + videoId) 
       player.loadVideoById("l9dpjN3Mwps"); 
       player.seekTo(240); 
      }       
     }); 
    }; 
</script>