tsukalogo0000

alt

Flash内でyoutubeを表示するには…

※iphoneではflashが表示されません

 

■下記の項目横の写真をクリックするとメインの動画が再生されます。
何の事はないyoutubeの拡張機能の再現だけどFlashと連動させるAPI(Application Program Interface)を使うと色々楽しめそうだ。

●GoogleにYouTube ActionScript 2.0 プレーヤー API リファレンスが公開。
●You Tube のサイトで、このプレイヤーで再生したい動画を表示し、動画のURLから、VideoIDを取得する(書き留めるなどする)。
たとえば、http://www.youtube.com/watch?v=b5chFESy0us の b5chFESy0us の部分

《1》Flashのstageにyoutubeを表示させるscreenを作成する。
《2》そのscreenのインスタンス名を youtubePlayer とする。
《3》Flashのstageにyoutubeを表示させるボタンを作成する。
《4》そのボタンのactionscriptは以下ーインデントなしー。

on (press)
{
function checkPlayerLoaded()
{
if (youtubePlayer.isPlayerLoaded())
{
youtubePlayer.addEventListener("onStateChange", onPlayerStateChange);
youtubePlayer.addEventListener("onError", onPlayerError);
loadIndicator._visible = false;
clearInterval(loadInterval);
}
}
function onPlayerStateChange(newState)
{
trace ("New player state: " + newState);
}
function onPlayerError(errorCode)
{
trace ("An error occurred: " + errorCode);
}
youtubePlayerLoaderListener = {};
var loadInterval;
youtubePlayerLoaderListener.onLoadInit = function ()
{
loadInterval = setInterval(checkPlayerLoaded, 250);
};
youtubePlayerLoader = new MovieClipLoader();
youtubePlayerLoader.addListener(youtubePlayerLoaderListener);
youtubePlayerLoader.loadClip("http://www.youtube.com/v/指定コード", youtubePlayer);
// 注: 指定コードとは表示させたいyoutubeのアドレス(ID)コード
// 例: http://www.youtube.com/watch?v=b5chFESy0us&feature=channel_video_title
//    ↓
//    http://www.youtube.com/v/b5chFESy0us
youtubePlayer._xscale = 70; // screenヨコサイズ:任意に
youtubePlayer._yscale = 60; // screenタテサイズ:任意に
stop ();
}
 

●youtubeの再生を停止させたい場合 youtubePlayer.stopVideo();を追加しないとボタンを押すたびに再生したままになってしまう

●クリックして自動再生をonにする場合 &autoplay=1 をIDに追加する。

『Flashの素材』SSPlanning.NET→
http://www.ssplanning.net/flash_works/youtube_players_on_flash.html

FLASHのお勉強→http://www.flashiroha.com/script/as95.html

 

ADD_YOUR_COMMENT

YOURALIAS:
YOUREMAIL:
YOURLINK:
タイトル:
FULLTEXT: