之前看到QQ有一版的登入頁背景是視訊，當時覺得很炫酷，這周得空兒把蘋果的AVFoundation大致看了一下，然後模仿著效果寫了一個小的Demo，程式碼很少，很好理解。先把QQ的原版Gif 放到這讓大家看一下

接下來我們就來自己實現以下這個效果。既然是登入頁背景播放視訊，我們應該首先想到以視訊為背景，在視訊上新增我們的UI，但是我們無法把UI直接新增到播放器上，所以我們建立一個UIView當做容器，把所有的UI控制元件都新增到這裡。

----------------------------------------------------------------------------------------------------------

接下來我們利用懶載入初始化一個視訊播放器 ，並設定一些視訊播放器的基礎設定，如下圖：

程式碼中都是簡單設定了AVPlayer的屬性，大家會發現我們把視訊播放器插入到了檢視層的第0層，這樣做是為了不遮擋UI控制元件，大家可以把下面遮蔽的那句話開啟試試遮擋效果。

紅框圈起來的程式碼，用來實現視訊的迴圈播放，這個通知方法是當視訊播放結束後，呼叫playAgain方法，playAgain方法如下圖：

在這個方法中我們讓播放器從視訊的0秒開始播放，達到迴圈播放的效果。

---------------------------------------------------------------------------------------------------------

接下來就是設定UI的事情了，這就很簡單了，就不把程式碼放上來了，其中有設定頁面平移的地方也很簡單。

大家直接在GitHub上把程式碼都下載下來看就可以了。

需要注意的是，我們按Home鍵將程式退出後臺時，再次進入前臺時，需要通知讓視訊播放，否則再次進入前臺的時候視訊會停止，不會播放的。

Demo效果圖：