在自己的網站上坎入Youtube 播放影片,是一件簡單且輕鬆的事,Youtube提供了完美的平台,迅速且流暢的播放速度,遠比將影片放在自己的主機上方便許多。

然而Youtube提供了API更能讓您使用Youtube坎入影片更有彈性。以下為本人參考了Youtube API 加上簡單的應用jQuery動畫特效所製作出的效果。 功能敘述: 在開啓網頁時影片會自動開啓並播放,按下暫停鍵及影片結束時視窗會隨著縮小隱藏影片並停止播放,再來按下小圖示打開影片繼續播放。

這個播放Youtube的效果程式,各位可下載回去,自行修改CSS樣式,並嘗試應用在你的網頁上吧!

DEMO | 下載程式碼

這篇文章過時了請參考:jQuery簡單的應用YouTube IFrame Player API

您也可能喜歡這些文章

jQuery parent()應用層級元素的父親、阿公都來了

jQuery選取元素時,可以使用到parent(),選擇層級元素的上階層級,但往往需要在選取在上一階層,如父親的父親(阿公),如範例<li>的爸爸<ul>,<ul>的爸爸<nav>,要對<nav>做些事情時,要如何處理?...