YouTube動画をFlash内に読み込む
いままでYouTubeのことを、あまり調べてこなかったのですが、YouTubeでチャンネルを作り配信するようになったため、今更ながら色々と調べ始めたのです。
その一つに、せっかく作ったチャンネルを独自のFlashコンテンツに読み込むことで配信に広がりを持たせることはできないだろうか？と考えたことから、今回のタイトルに至りました。
検索してみれば、googleさん自身が土台を用意してくれているではないですか。
もう、そのままコピペでOKですが、一応その内容を残します。
☆まず、Flash内に表示したいYouTubeのチャンネルを用意します。
ちなみに以下のチャンネルコードは【http://www.youtube.com/cp/vjVQa1PpcFO55_M5XBgLgx98wCY5GtIDTzdLm7_jhCs=】です。
以下続く
☆つぎに、【YouTube ActionScript 2.0 プレーヤー API リファレンス】のページから以下のコードをコピーし、Flashコンテンツのフレーム１のアクション内へペーストします。
ytPlayerLoaderListener = {};☆上記コード内にある、"http://www.youtube.com/v/VIDEO_ID"の部分を最初に用意した自身のURLに変更します。 （http://www.youtube.com/cp/vjVQa1PpcFO55_M5XBgLgx98wCY5GtIDTzdLm7_jhCs=）
var loadInterval:Number;
ytPlayerLoaderListener.onLoadInit = function() {
loadInterval = setInterval(checkPlayerLoaded, 250);
}function checkPlayerLoaded():Void {
if (ytplayer.isPlayerLoaded()) {
ytplayer.addEventListener("onStateChange", onPlayerStateChange);
ytplayer.addEventListener("onError", onPlayerError);
loadIndicator._visible = false;
clearInterval(loadInterval);
}
}function onPlayerStateChange(newState:Number) {
trace("New player state: "+ newState);
}function onPlayerError(errorCode:Number) {
trace("An error occurred: "+ errorCode);
}ytPlayerLoader = new MovieClipLoader();
ytPlayerLoader.addListener(ytPlayerLoaderListener);
ytPlayerLoader.loadClip("http://www.youtube.com/v/VIDEO_ID", ytplayer);
☆最後に、新規シンボルを作成し、インスタンス名を【ytplayer】としたシンボルをフレーム１に設置しプレビュー再生してみれば、みごと自身のFlashコンテンツ内でYouTubeのチャンネルが表示されました。
☆...そしてお願いが...
YouTube公式パートナーとして運営しているチャンネルをどうか応援よろしくお願いいたします。
くまちゃんコーラ株式会社連載中！
ぜひ、チャンネル登録を！
Tweet
