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/

在ifplaying（div）上加载iframe时点击另一个缩略图： chrome console：未捕获错误：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>

iframe仅更新一次

1 个答案: