Question

我在这里看到我的设计http://www.doublezerofilms.com/doublezero-template-webSamples.html

点击时，我想在上面的div中制作一个vimeo 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中打开视频

谢谢！

Answer 1

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

我可以使用Jquery在点击时在另一个div中嵌入iframe吗？

1 个答案: