2013-07-08 68 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>