这就是我现在所拥有的：
<div id ="videoBox">
<div class="youtubeVideo">
<iframe id="vid_frame" width="100%" height=100% src="https://www.youtube.com/embed/tbbKjDjMDok?rel=0&autoplay=1&rel=0&showinfo=0&autohide=1" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
有几个翻转图像，他们可以选择：
<a href="#"><div class="vid-item" onClick="document.getElementById('vid_frame').src='http://youtube.com/embed/tbbKjDjMDok?rel=0&autoplay=1&rel=0&showinfo=0&autohide=1'"><div id="felizTape">
<img src="hcimages/feliz.png" alt="Feliz Navidad" width="100%" height="100%"/> </div></div></a>
我的想法是，我有一个小电视＆amp;视频在页面上播放的磁带图形 - 当用户单击其中一个磁带时，将在videoBox div中打开一个新视频。问题是，当用户在嵌入中观看视频时，我们会为他们提供观看其他视频的选项（请参阅末尾带注释的链接） - 但这会在新标签中打开youtube。我正在寻找一种方法，当他们从建议的框中点击它时，在相同的'vidoBox'div。有什么想法吗？
谢谢！