本篇文章更新時間:2022/08/22
如有資訊過時或語誤之處,歡迎使用 Contact 功能通知。
一介資男的 LINE 社群開站囉!歡迎入群聊聊~
如果本站內容對你有幫助,歡迎使用 BFX Pay 加密貨幣 或 新台幣 贊助支持。
這個需求好久沒碰到。原本的資訊是「手機版網站不行自動播放」,因為是瀏覽器本身的限制。時至今日再來查詢相關資訊,發現已經算開放了~
對於這個新開啟的政策可以看這篇文章介紹: New video Policies for iOS
說白了就是一開始行動資源都有限,為了節省效能等所採取的政策,直到多媒體興起,人們不滿足了(?)就有限制的開放。
關鍵就是:只要你的影片是用「靜音」的方式播放,就可以了!
這個範例展示了一個固定循序播放的動態畫面,使用的是 YouTube 的串流技術,所以不需要再一開始就要花費上網頻寬去下載肥大的 GIF 檔案。如果想看更多,也是直接點擊播放按鈕示意的連結去 YouTube 上觀看。
這件事設計的很優雅,實在是很值得參考!
至於 YouTube 自動播放關鍵技術面則是 YouTube API 中的 onYouTubeIframeAPIReady 方法,利用 iframe_api 加載完成後,會去檢查有沒有定義這個 JS function,有的話就去執行他。
所以執行的時候確保在播放前給他呼叫 mute()
靜音方法,就可以開始自動播放了。
範例中有趣的地方是指定播放段落的秒數以及重複播放該段落這件事,有興趣的可以再琢磨~
我以為我這個月有發文,結果沒有!哈哈,趕快把筆記拿來補一下