1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. Flex
  6. »
  7. Flex教學-將Youtube影片載入自已的播放器中

Flex教學-將Youtube影片載入自已的播放器中

2009/06/29

梅問題-Flex教學-將Youtube影片載入自製的flv播放器

  好久沒用Flex都快忘光了, 最近一直沒有fu,也沒想到什麼新點子,昨天上Youtube看變形金剛預告時,看著看著突然有了那麼一點fu,若能把Youtube的影片放到Flex的播放器中,這樣就可以自製個人的播放框,同時也可自行安插一些廣告圖卡,昨天梅干終於又開啟那遺忘已久的Flex,本來昨天就想把這一篇文章PO出來,但實在忘太多了,呼!在小玩了一下,終於又找回以往的手感,其實要把Youtube 的影片丟到Flex的VideoDisplay其實很容易,只要搭配一下網路資源,將路徑解析一下,就可以輕鬆的找到影片的路徑,之後~嘿嘿!要怎麼作應該就不用梅干多說了。


Step1
開啟瀏覽器,到Youtube網站找尋影片,找到後將右手邊網址列中的內容複製起來。
梅問題-Flex教學-將Youtube影片載入自製的flv播放器


Step2
接下來於網址列輸入:http://kej.tw/flvretriever/,將剛剛的網址貼入於欄位中,按下Retrieve Now!鈕,過一回後下方就會出現影片路徑,這時可依需求選擇高畫質或一般,再將輸入框中的路徑複製起來。
梅問題-Flex教學-將Youtube影片載入自製的flv播放器


Step3
開啟Flex由於這一個VideoPlayer是網路的好心人士所分享出來,但用法相當的簡單,只要將剛那一串貼到soruce:String="~~"中就可以了。
梅問題-Flex教學-將Youtube影片載入自製的flv播放器


範例預覽:

可將解析完畢的Youtube影片路徑,貼到輸入框中,並按下【播放】鈕,就可播放但一開始會先有緩衝,需等待一陣子才會開始播放了。
※其實所解析出來的是檔案路徑,而這一個路徑為暫存路徑,大約只會暫存一天左右,若要久一點的話,嘿嘿!!就得抓到上一層,至於怎麼抓咧~這邊梅干就留給各位啦!其實方法一樣,只是再解到上一層就行了,這部分還是低調點好,梅干就不公開作法囉! 你明白的啦!


[範例下載]