title: handling multiple youtube videos
body: <p>I have three youtube videos that I want to stop when the user click on a link link the page.
  this is my code</p>
  
  <pre><code>var tag = document.createElement('script');
      tag.src = "//www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
  
      var youtubePlayer1;
      var youtubePlayer2;
      var youtubePlayer3;
      function onYouTubeIframeAPIReady() {
          youtubePlayer1 = new YT.Player('firstPlayer', {
  
          });
          youtubePlayer2 = new YT.Player('secondPlayer', {
  
          });
          youtubePlayer3 = new YT.Player('thirdPlayer', {
  
          });
      }
  
      function stopVideo() {
          if (youtubePlayer1 != null) {
              youtubePlayer1.stopVideo();
          }
          if (youtubePlayer2 != null) {
              youtubePlayer2.stopVideo();
          }
          if (youtubePlayer3 != null) {
              youtubePlayer3.stopVideo();
          }
      }
  </code></pre>
  
  <p>This is the html code</p>
  
  <pre><code>&lt;div id="blog"&gt;
                                      &lt;!--///////////// UN ORDERED LIST /////////////--&gt;
                                      &lt;ul&gt;
                                          &lt;!--///////////// LIST /////////////--&gt;
                                          &lt;li&gt;
                                              &lt;!-- iframe --&gt;
                                              &lt;h3&gt;
                                                  &lt;strong&gt;להקת קולות - בהרקדה חסידית...&lt;/strong&gt;&lt;/h3&gt;
                                              &lt;br /&gt;
                                              &lt;iframe id="firstPlayer" width="800" height="485" src="http://www.youtube.com/embed/F0eR1KFkt58"
                                                  style="border:0" &gt;&lt;/iframe&gt;
                                              &lt;br /&gt;
                                              &lt;br /&gt;
                                              &lt;img src="images/bg3.PNG" alt="" /&gt;&lt;p&gt;
                                                  &lt;span&gt;תאור הוידאו: &lt;/span&gt;טקסט אודות הוידאו, תאריך&lt;/p&gt;
                                          &lt;/li&gt;
                                          &lt;!--///////////// SECOND IMAGE /////////////--&gt;
                                          &lt;li&gt;
                                              &lt;!-- iframe --&gt;
                                              &lt;h3&gt;
                                                  &lt;strong&gt;להקת קולות - בהרקדה ישראלית מוטרפת...&lt;/strong&gt;&lt;/h3&gt;
                                              &lt;br /&gt;
                                              &lt;iframe id="secondPlayer" width="800" height="485" src="http://www.youtube.com/embed/mPTX4guU1W8"
                                                  style="border:0" &gt;&lt;/iframe&gt;
                                              &lt;br /&gt;
                                              &lt;br /&gt;
                                              &lt;img src="images/bg3.PNG" alt="" /&gt;&lt;p&gt;
                                                  &lt;span&gt;תאור הוידאו: &lt;/span&gt;טקסט אודות הוידאו, תאריך&lt;/p&gt;
                                          &lt;/li&gt;
                                          &lt;!--///////////// THIRD IMAGE /////////////--&gt;
                                          &lt;li&gt;
                                              &lt;!-- iframe --&gt;
                                              &lt;h3&gt;
                                                  &lt;strong&gt;להקת קולות - בואי בשלום...&lt;/strong&gt;&lt;/h3&gt;
                                              &lt;br /&gt;
                                              &lt;iframe id="thirdPlayer" width="800" height="485" src="http://www.youtube.com/embed/E-_ONZOcScU"
                                                  style="border:0"&gt;&lt;/iframe&gt;
                                              &lt;br /&gt;
                                              &lt;br /&gt;
                                              &lt;img src="images/bg3.PNG" alt="" /&gt;&lt;p&gt;
                                                  &lt;span&gt;תאור הוידאו: &lt;/span&gt;טקסט אודות הוידאו, תאריך&lt;/p&gt;
                                          &lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/div&gt;
  </code></pre>
  
  <p>when the user click on the link it calls the stopVideo function that cycle through all the players and stop them. </p>
  
  <p>for some reason I can get it to work only on youtubePlayer2 object what am I doing wrong here?</p>
  
  <p>Forgot to mention, when I debug the app using the chrome debugger I can see the the objects are defined and that the function is called.</p>