Jquery WordPress中带有引导的模式框无法在同一链接上打开视频

我正在用bootstrap主题开发WordPress。我正在使用模式框打开我页面上的视频。我的问题是，我想在同一链接上打开两个不同的视频。有可能吗？意味着一旦我点击该链接，一个视频将出现，另一个点击将显示在模态框上

以下是我的模式框代码：

<div id="myModal1" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-body">
<button type="button" class="close well" data-dismiss="modal">×</button><br />
    <iframe width="480" height="360" src="http://www.youtube.com/embed/tgOFI5xAKU0?rel=0" frameborder="0" allowfullscreen></iframe>
  </div>
</div>​

×

​

这是我点击的链接：

<li class="span3"><a data-target="#myModal1" data-toggle="modal" href=""><img src="my image url" alt="" /></a>
<div class="image_caption">Faculty Speak &gt;&gt;</div></li>

教师演讲

我认为您将遇到的问题是模态如何知道显示什么以及何时显示。我认为这种方法存在一些用户体验问题。下面是几个例子

如果用户第三次单击链接会发生什么情况

用户如何知道他们需要再次单击链接

如果他们不小心关闭了modal，会发生什么？他们能回到他们正在观看的视频吗，还是打开下一个

您可以轻松添加第二个链接以打开第二个模态。只需复制现有模式并将其id更改为“myModal2”