Youtubeのプレイリストをスライドギャラリーとして実装するjQueryプラグイン・jQuery Youtube Playlist Gallery

Toutubeで作ったプレイリストを

スライドギャラリーにする、とい

うjQueryのプラグイン。まだ使う

予定は無いけど便利そうだったの

で。プレイリストを読み込むので、

動画を追加したい場合はリストに

動画を追加します。

プレイリストをJSONで取得してサムネイルを表示、スライダー化したものになります。スライドさせると自動で再生してくれます。

jQuery Youtube Playlist Gallery

別のカルーセルプラグイン(carousel plugin)を併用するみたいです。

Sample

コード

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="carousel.js"></script>
<script type="text/javascript" src="lib.js"></script>

コアとカルーセルとYoutube Playlist Galleryを読み込んで空のボックス要素を用意するだけ。

$(document).ready(youtubeGallery(
 '#gallery',//空のボックス要素
 'billabongprobr',//YoutubeのユーザーID
 20 //調べてない
));

lib.jsの最後にセッティングの記述があったのでここを変えればいいんじゃないですかね。

忙しくてよく見て無いですけどコード見れば使い方は思います。

jQuery Youtube Playlist Gallery

• Post by かちびと.net


• PR:WPデザインギャラリー


• シンプルな日付ピッカーを実装するjQueryプラグイン・jQuery.minical


• jQuery UIを使ったタブの数が多くてもレイアウトを崩さないようにするスクリプト・plusTabs


• Google+風に、Picasaの画像を高さを揃えたイメージギャラリーを実装するjQueryプラグイン・jquery-photowal

via かちびと.net http://kachibito.net/web-design/jquery-youtube-playlist-gallery.html