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

URL :
TRB :

Comments & Trackbacks (2)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services