分享到 Facebook 分享到 Google+
▌訂閱、追蹤本站最新文章

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

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

1.進入到 Yahoo! WebPlayer 網站後,將 Step 1 處,複製所提供的程式碼。
ContentPhoto1030

2.將其貼到自己網頁 <body></body>之間。
ContentPhoto1030

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

Yodel (mp3 link)       Tron (Yahoo! Movie link)       Zoetrope (YouTube link)

ContentPhoto1030


4.預覽。
ContentPhoto1030

5.加入 Youtube 影片網址後範例。

20110731 棒球週報 PART1 王建民重返大聯盟特別報導 (YouTube link)

6.若想自訂自己的 Yahoo! WebPlayer,可參閱 http://webplayer.yahoo.com/docs/how-to-set-up/ ,包含[autoplay]、[playlink]、[displaystate]...等等。
ContentPhoto1030
延伸閱讀
§歡迎加入臉書粉絲團 §歡迎加入Google+社交圈
目前有1則留言
person 拍郎 2013-05-07 01:47的留言
請問這個適用在痞客邦嗎 ? 因為痞客的好像和文章寫的有點不太相同..
*暱稱
*電子郵件 (不會公佈)
網址
(1.請輸入完整網址含http:// 2.將會在暱稱後使用該連結)
*留言內容