Как показать видео и открывать его в лайтбоксе при нажатии с помощью jQuery prettyPhoto?

Я пытаюсь использовать prettyPhoto для jQuery, чтобы добавить видео на свой веб-сайт .

Я добавил исходный код jQuery и расположение prettyPhoto js в моей голове до конца тега body, а также добавил код инициализации (как сказано в документации).

   <script type="text/javascript" charset="utf-8">
      $(document).ready(function(){
        $("a[rel^='prettyPhoto']").prettyPhoto();
      });
    </script>

В моем HTML , это то, что я написал, потому что я хотел, чтобы видео тоже показывалось, но когда кто-то нажимает на него, видео должно открываться как лайтбокс.

<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>

Но это не работает. Как мне это сделать?