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

在 nowplaying（div）上加载 iframe 时单击另一个缩略图时：chrome 控制台：未捕获错误：NotFoundError：DOM 异常 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>