YouTubeは２００５年設立してからすっごく人気になるよね。WordPressとかほかのBSP提供されているブログシステムとか、YouTubeビデオの埋め込む機能があります。実はFlex／Flashアプリケーションにも簡単で実現できます。サンプルソースは簡単なビデオのプレイだけですが、それを基づいてYouTubeのビデオを探してプレイするツールも作れます。

※知識点：YouTubeとは、2005年2月に設立された米ネットベンチャーYouTube社が運営する、動画コンテンツ共有サイト。会員登録をすることによって誰でも容量100MB、再生時間10分以内の動画ファイルをアップロードし公開することができる。YouTubeで公開された動画ファイルは会員登録をしていないユーザでも無料で閲覧することができる。閲覧したい動画のキーワード検索も行うことができ、会員登録したユーザはさらに閲覧した動画に対するコメントを投稿したり、動画を5段階で評価したりといったこともできる。

下記はサンプルソースコード：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
  3.     layout="absolute" verticalAlign="top"
  4.     creationComplete="Init();" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#EE3636, #308A3F]" viewSourceURL="srcview/index.html">
  5.     <mx:Script>
  6.         <![CDATA[
  7.             private function Init():void
  8.             {
  9.                 var url:String = "http://www.youtube.com/v/zlfKdbWwruY&hl=en&fs=1";    //url extracted from embed code
  10.                 Security.allowDomain(url);                                             //allow domain
  11.                 youtubevid.load(url);                                                //load video
  12.             }       
  13.         ]]>
  14.     </mx:Script>
  15.     <mx:VBox width="100%" height="100%" horizontalAlign="center" verticalAlign="top" verticalGap="0">
  16.         <mx:Label text="YouTube Video Embedded Inside Flex" width="100%"  color="#060809" textAlign="center" fontSize="16" fontWeight="bold"/>
  17.         <mx:SWFLoader id="youtubevid" verticalAlign="top" horizontalAlign="center"  width="425" height="344"/>
  18.     </mx:VBox>
  19. </mx:Application>
簡単ですよね。
メインコンテンツEND ■
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Posted on Friday, 9th January 2009 by admin

Tags: , , , ,
Posted in Flex | Comments (1) | 7,067 views

Related Posts

One Response to “FlexアプリケーションにYouTubeビデオを埋め込むサンプルソースコード”

  1. hoge Says:
    August 18th, 2009 at 11:20 pm

    SWFLoaderを複数設置して、それぞれに違ったYoutubeビデオをloadさせると、一つのSWFLoaderしか表示されません。複数のSWFLoaderで複数のYoutubeビデオを同時に表示する方法はありますか？

Leave a Reply