7

私は自分のウェブサイトにビデオを追加するためにjQuery用のprettyPhotoを使用しようとしています。

jQueryのソースコードとprettyPhotojsの場所を頭の中に追加し、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>

しかし、それは機能していません。どうすればこれを実現できますか？

4

1 に答える 1

6

これはあなたがそれをすべき方法です

HTML

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

JavaScriptを変更する必要はまったくありません。

作業デモ： http： //jsfiddle.net/naveen/HU8zx/
ドキュメント：http ：//www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation/

于 2011-08-15T05:42:48.630 に答える