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

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

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

DEMO | 下載程式碼

您也可能喜歡這些文章

使用fullPage.js設計單頁式選單滑動區塊的全屏滾動網站

Demo | 官網 經常能見到單頁式使用選單滑動區塊的網站,我們稱為全屏滾動網站(也稱為單頁網站),尤其是國外網站。這些網站用幾幅很大的圖片或色塊做背景,再添加一些簡單的內容,顯得格外的高端大氣上檔次。比如iPhone 5C的介紹頁面(查看)。如果你也希望你的網站能設計成全屏的,顯得更上檔次,你可以試試fullPage.js。