如何使用jQuery-to显示视频，并在单击时在lightbox中打开？

我正在尝试使用jQuery的PrettyTo向我的网站添加视频

我确实在我的头脑中添加了jQuery源代码和jQuery到js的位置，在我的body标记的末尾之前，我还添加了初始化代码（如文档中所述）

$（文档）.ready（函数（）{
$（[rel^='prettypto']）；
});

在我的HTML中，这是我写的，因为我希望视频也能显示出来，但当有人点击它时，视频应该以lightbox的形式打开

<div id="video_player">
<a href="#" rel="prettyPhoto">
<iframe width="640" height="350" src="http://www.youtube.com/embed/cH6kxtzovew"  frameborder="0" allowfullscreen></iframe>
</a>
</div>

---

但它不起作用。我该如何做到这一点？

这就是你应该做的

HTML

根本不需要更改JavaScript

工作演示：
文件：

<div id="video_player">
<a href="#" rel="prettyPhoto">
<iframe width="640" height="350" src="http://www.youtube.com/embed/cH6kxtzovew"  frameborder="0" allowfullscreen></iframe>
</a>
</div>

<div id="video_player">
    <a href="http://www.youtube.com/watch?v=cH6kxtzovew" rel="prettyPhoto" title="My YouTube Video">
        <img src="http://img.youtube.com/vi/cH6kxtzovew/default.jpg" alt="YouTube" width="50">
    </a>
</div>