2011-08-08

Yahoo! WebPlayer 可嵌入在網頁裡的影音播放器,具自動隱藏的功能

在網頁裡若要嵌入影片或音樂,最直覺的作法就是將影片上傳到 Youtube、無名影音或是 Yam 等等的影片分享空間後,複製其所提供的 Embed 或 iFrame 語法,然後貼到自己網頁要呈現該影片的位置即可,這樣作法有好有壞,好處是可讓網頁的訪問者,馬上就看到該影片的位置,可馬上播放,不過也有網頁排版不易的缺點,現在 Yahoo 推出 Yahoo! WebPlayer 線上影音播放器的免費服務,該服務使用方法相當簡單,只需將所提供的 JavaScript 程式碼嵌入到網頁中,以後只要在該網頁中貼上音樂檔或影片檔的超連結後,當點擊該超連結 Yahoo! WebPlayer 便會自動讀取影片、音樂檔的網址並在播放面板中播放指定的音樂或影片檔案。

Yahoo! WebPlayer 網站資訊

網站網址: 按我前往 Yahoo! WebPlayer

如何使用 Yahoo! WebPlayer?

1.進入到 Yahoo! WebPlayer 網站後,將 Step 1 處,複製所提供的程式碼。
Yahoo! WebPlayer 可嵌入在網頁裡的影音播放器,具自動隱藏的功能

2.將其貼到自己網頁 <body></body>之間。
Yahoo! WebPlayer 可嵌入在網頁裡的影音播放器,具自動隱藏的功能

3.接下來在 Step 2 的位置 Yahoo 有提供三個可實測的影音連結,可將其複製後貼到自己的網頁裡,進行測試。
Yodel (mp3 link)       Tron (Yahoo! Movie link)       Zoetrope (YouTube link)

Yahoo! WebPlayer 可嵌入在網頁裡的影音播放器,具自動隱藏的功能


4.預覽。
Yahoo! WebPlayer 可嵌入在網頁裡的影音播放器,具自動隱藏的功能

5.加入 Youtube 影片網址後範例。
20110731 棒球週報 PART1 王建民重返大聯盟特別報導 (YouTube link)

6.若想自訂自己的 Yahoo! WebPlayer,可參閱 http://webplayer.yahoo.com/docs/how-to-set-up/ ,包含[autoplay]、[playlink]、[displaystate]...等等。
Yahoo! WebPlayer 可嵌入在網頁裡的影音播放器,具自動隱藏的功能

 分享您的留言


   拍郎的留言 2013-05-07 01:47
請問這個適用在痞客邦嗎 ? 因為痞客的好像和文章寫的有點不太相同..

請輸入關鍵字


請選擇...


˄