2013-07-08 100 views
-1

通過點擊縮略圖圖像,原始視頻(youtube iframe)被加載到主視頻DIV。 它的作品,但是,當我點擊另一個縮略圖白色的一個視頻正在播放,iframe不更新。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(DIV): 鉻控制檯:未捕獲的錯誤:NotFoundError:DOM異常8個youtube.js:7 y.onclick

回答

0

嘗試此

<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>