[メモ]YouTubeのAPI関連小ネタ9+1

YouTube logo
3連休なので、備忘録的な軽いネタ。
YouTubeのAPIを利用して作ってみた関連音楽を荒く再生し続けるMUSICLENZでのメモ

1:namespaceのパース YouTubeの動画を音楽カテゴリに絞って検索するやつ
http://gdata.youtube.com/feeds/api/videos?q=words&orderby=viewCount&max-results=10&category=Music
すると下記みたいのが出てくる。
<media:thumbnail url='hoge' height='360' width='480' time='00:02:26.500'>
これをjQueryまたはPHPでパース
▼jQuery
$(this).find("media\\:thumbnail").attr("url");
▼PHP
$media = $entry->children('http://search.yahoo.com/mrss/');
$attrs = $media->group->thumbnail->attributes();
$thumbnail = $attrs['url'];

2:VIDEOのIDからサムネ IDからサムネイルを表示。割と有名ですね。
480*360 http://img.youtube.com/vi/videoのID/0.jpg
120*90 http://img.youtube.com/vi/videoのID/1.jpg
120*90 http://img.youtube.com/vi/videoのID/default.jpg
3:プレイヤー表示 <script>
var ytplayer ='';
function onYouTubePlayerReady(player) {
ytplayer = document.getElementById("myytplayer");
}
</script>
<div id="ytapiplayer"></div>

4:現在の再生時間 var curTime = ytplayer.getCurrentTime();
5:トータルの再生時間 var duration = ytplayer.getDuration();
6:embedした動画を自動再生 autoplay=1を付与 swfobject.embedSWF("http://www.youtube.com/v/id名?enablejsapi=1&playerapiid=ytplayer&autoplay=1",
7:iframeの動画を自動再生 autoplay=1を付与

8:iframeの動画をループ loop=1を付与

9:関連動画の非表示 rel=0を付与

▼7-9のサンプル <iframe width="720" height="450" src="http://www.youtube.com/embed/videoのID名?autoplay=1&loop=1&rel=0" frameborder="0" allowfullscreen></iframe> おまけ iTunes
//USでのランキングトップ10を10件した時の画像取得
http://itunes.apple.com/us/rss/topsongs/limit=10/xml
<im:image height="55">http://a2.mzstatic.com/us/r1000/110/Music/v4/46/67/16/46671659-4b88-ae38-1331-bd279b7e2d78/UMG_cvrart_00843930007042_01_RGB72_1200x1200_12UMDIM00612.55x55-70.jpg</im:image>
$img = ( $xml->entry[$i]->children('im',true)->image[2]);
Fun with MUSICLENZ

sponsors

「[メモ]YouTubeのAPI関連小ネタ9+1」をシェアする

記事作成:
記事URL:

TOP > > > [メモ]YouTubeのAPI関連小ネタ9+1