利用 WKWebView 重覆播放 YouTube 影片

彼得潘時常利用 YouTube 重覆播放好聽的情歌，身為 iOS App 開發魔法師，就讓我們用 Swift & WKWebView 寫個重覆播放 YouTube 影片的 App ，聆聽蔡淳佳的像我這樣的人吧。

重覆播放影片

import UIKit
import WebKit
class ViewController: UIViewController {
    @IBOutlet weak var webView: WKWebView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
       
        let url = URL(string: "https://www.youtube.com/embed/HYZ0NcGDm4M?loop=1&playlist=HYZ0NcGDm4M")!
        let request = URLRequest(url: url)
        webView.load(request)
    }
}

影片網址的格式如下

https://www.youtube.com/embed/videoId?loop=1&playlist=videoId

網址以 https://www.youtube.com/embed/ 開頭，videoId 傳入影片的 id ，參數 loop 傳入 1 表示重覆播放，參數 playlist 傳入 videoId。

執行 App

使用者點選 play 後將全螢幕播放影片。至於自動播放則比較麻煩，有興趣的朋友可進一步 google 研究相關說明。

讓影片在網頁裡播放的 inline play

勾選 Web View 的 Inline Playback。

網址加上參數 playsinline=1。

let url = URL(string: "https://www.youtube.com/embed/HYZ0NcGDm4M?loop=1&playlist=HYZ0NcGDm4M&playsinline=1")!

執行 App

影片將在網頁裡播放，使用者也可以另外點選放大按鈕全螢幕播放。