Могу ли я использовать Jquery для вставки iframe в другой div по клику?

Question

Здесь я вижу свой дизайн http://www.doublezerofilms.com/doublezero-template-webSamples.html

Я хочу сделать так, чтобы при вставке выше игра была вставлена ​​в виртуальный фрейм iframe.Я просто не уверен, как это сделать.Будем очень благодарны за любые предложения.

вот моя пометка

<div id="content">
            <div id="videoBox">
                <!--Slider Begin-->
                <div id="outterGPlayerBox">
                    <div id="GPlayerBox">
                        <div id="leftsidePlayer">Here are some videos about what we do</div><!--end of leftsidePlayer-->
                        <div id="rightsidePlayer">

                        </div><!--end of rightsidePlayer-->
                    </div><!--end of GPlayer Box-->   
                </div><!--end of outterGPlayerBox-->   
                <!--Slider End-->
            </div><!--end of videoBox-->
                <div id="banner">
                    <div class="thumbsWrap">
                        <div>
                            <div id="Thumb1" class="fadehover">
                            <img src="images/thumb1.jpg" alt="" class="a" />
                            <img src="images/thumb1-over.jpg" alt="" class="b" />
                            </div>

                            <div id="Thumb2" class="fadehover">
                            <img src="images/thumb2.jpg" alt="" class="a" />
                            <img src="images/thumb2-over.jpg" alt="" class="b" />
                            </div>

                            <div id="Thumb3" class="fadehover">
                            <img src="images/thumb3.jpg" alt="" class="a" />
                            <img src="images/thumb3-over.jpg" alt="" class="b" />
                            </div>

                            <div id="Thumb4" class="fadehover" style="margin:0px">
                            <img src="images/thumb4.jpg" alt="" class="a" />
                            <img src="images/thumb4-over.jpg" alt="" class="b" />
                            </div>
                        </div>
                    </div><!--end of thumbsWrap-->
                </div><!--end of banner-->

Я хочу, чтобы видео открывалось в div RightsidePlayer при нажатии на миниатюру

спасибо!

Answer 1

$("#rightsidePlayer").html('<iframe src="http://player.vimeo.com/video/VIDEO_ID" width="WIDTH" height="HEIGHT" frameborder="0"></iframe>');