Обновление iframe только один раз

Question

Нажав на уменьшенное изображение, оригинальное видео (youtube iframe) загружается в основное видео DIV. он работает, но, когда я нажимаю на другое миниатюру, белое одно видео играет, iframe не обновляется.

<div> 
     <div class="mainvideo" id="nowplaying"></div> 
       <div class="youtube" id="0Z4rczATGdw"></div> 
       <div class="youtube" id="MaQmyhkGNm0"></div> 
       <div class="youtube" id="L-IrZdyqS-o"></div> 
       <div class="youtube" id="e9wfybrwFag"></div> 
       <div class="youtube" id="MaQmyhkGNm0"></div> 
       <script src="youtube.js"></script> 
</div> 

http://jsfiddle.net/WLzua/ 

при нажатии на другую картинку, в то время как IFrame загружены на nowplaying (дел): хром консоль: Uncaught Ошибка: NotFoundError: DOM Exception 8 youtube.js: 7 y.onclick

Answer 1

Попробуйте

<iframe src="" id="player" class="youtube-player" type="text/html" width="701" height="308" frameborder="0"></iframe> 

<script type="text/javascript"> 
     $(document).ready(function(){ 
      $(".youtube").click(function(){ 
       var Link = $(this).attr("id"); 
       $("#player").attr("src","http://www.youtube.com/embed/"+Link); 
      }); 
     }); 
</script>