【发布时间】：2016-11-10 01:22:06
【问题描述】：
我正在尝试使用 jquery iframe popup 在单击图像时弹出 youtube 视频。我有很多图片排成一排，当我点击图片时，youtube 视频应该会在弹出窗口中打开，以便播放。我正在尝试以下代码：
<a href="#popupParis" data-rel="popup" data-position-to="window" data-
transition="fade"><img class="popphoto" src="images/img1.jpg" alt="Paris,
France" style="width:30%"></a>
<div data-role="popup" id="popupParis" data-overlay-theme="b" data-theme="a"
data-tolerance="15,15" class="ui-content">
<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a
ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
<iframe src="http://player.vimeo.com/video/41135183?portrait=0" width="497"
height="298" seamless=""></iframe>
</div>
通过使用上面的代码，我可以在单击图像时在弹出窗口中打开视频。如果我用 youtube 链接替换 vimeo 播放器链接，我无法在弹出窗口中获取 youtube 视频，而是单独打开弹出窗口而没有任何视频。我正在使用以下代码将 vimeo 链接替换为 youtube 链接。
<div data-role="popup" id="popupParis" data-overlay-theme="b" data-theme="a"
data-tolerance="15,15" class="ui-content">
<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a
ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
<iframe src="https://www.youtube.com/watch?v=PT2_F-1esPk" width="497"
height="298" seamless=""></iframe>
</div>
有人可以帮我在弹出窗口中打开 youtube 视频吗？
【问题讨论】：
标签： jquery html iframe youtube popup