YouTubeのプレイリストを良い感じで表示してくれるjQueryプラグイン「jQuery youtube playlist plugin」

最近YouTubeを表示させるサイトが多くなっていますよね。
そんな時、jQuery youtube playlist plugin - youtubeplaylistを利用すると、自分の好きな動画をプレイリストにして簡単に表示できます。
YouTubeのプレイリストを良い感じで表示してくれるjQueryプラグイン「jQuery youtube playlist plugin」サンプル

使用方法
jQuery youtube playlist plugin - youtubeplaylistからjquery.youtubeplaylist.jsを、jQueryからjquery.jsをダウンロードします。
<script src="jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="jquery.youtubeplaylist.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$("class名").ytplaylist({
addThumbs:true, //サムネイル表示
autoPlay: false, //自動再生するかどうか
holderId: 'id名', //表示場所
playerHeight : 300, //プレイヤーの高さ
playerWidth : 400 //プレイヤーの幅
});
});
</script>

あとはhtmlを下記のように記述すれば完成です。
<div id="id名"></div>
<ul class="class名">
<li><a href="http://www.youtube.com/watch?v=*********"></a>動画1です</li>
<li><a href="http://www.youtube.com/watch?v=*********"></a>動画2です</li>
<!-- 以下表示させたい動画分 -->
</ul>

*****部分はYouTubeの動画詳細の共有を押した時に出てくる短縮URLのhttp://youtu.be/以降となります。

YouTubeのプレイリストを良い感じで表示してくれるjQueryプラグイン「jQuery youtube playlist plugin」サンプル

sponsors

「YouTubeのプレイリストを良い感じで表示してくれるjQueryプラグイン「jQuery youtube playlist plugin」」をシェアする

記事作成:
記事URL:

TOP > > > YouTubeのプレイリストを良い感じで表示してくれるjQueryプラグイン「jQuery youtube playlist plugin」