打开视频当用户点击播放时，在同一个WebPage上弹出

Question

  <div class="player"><iframe src="http://player.vimeo.com/video/<?= $vimeo;?>?title=0&amp;byline=0&amp;portrait=0&amp;color=abcc16&amp;autoplay=0" width="150" height="150" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe></div>

当我点击html页面上显示的视频的播放按钮时，如何在同一页面上打开一个弹出窗口，顶部有十字（x）？并且必须在用户点击之前在视频窗口上显示观看视频。我目前在php中使用上面的代码在浏览器中显示框架窗口。

Answer 1

jquery + colorbox plugin http://www.jacklmoore.com/colorbox

打开一个彩色框弹出窗口，其中包含“观看视频”消息。添加click处理程序，用视频iframe替换该邮件。