瀏覽器影音限制：自動播放與靜音

為什麼網頁自動播放需要靜音？

自動播放的聲音可能會影響使用者的瀏覽體驗。舉例來說，各位早期網路世代的使用者，一定都被打開某些網站跳出 Jumpscare 嚇過，輕一點則是剛打開網頁，被背景播放的奇怪音樂震撼到，為了避免這種嚇到使用者的行為，現代瀏覽器（如 Chrome、Firefox 和 Safari）已預設禁止未靜音的影音檔自動播放。

請參考 https://developer.chrome.com/blog/autoplay?hl=zh-tw

上面這篇是最重要的，建議先看過再往下看。

Chrome 自動播放政策

一律允許靜音自動播放。
僅在下列情況下，系統允許使用有聲音自動播放影片的情況：
- 使用者已與此 domain 網域互動 (點擊、輕觸、滑動..etc)。
- 當使用者在電腦上的媒體參與度指數門檻時超過了門檻，代表使用者先前已播放有聲影片。
- 使用者已將網站新增至行動裝置主畫面，或在電腦上安裝 PWA。
熱門影格可以將自動播放權限委派給自己的 iframe，以便自動播放有聲的功能。

最重要的是這個：

使用者已與此 domain 網域互動 (點擊、輕觸、滑動..etc)

如果各位有「操作流程進入點」的概念就會很好理解，首次打開特定網站或連結，這時以操作流程來說就是「第一次進來這個網站 domain」，如果此時沒有點擊、滑動等互動行為，即不算是「與該網站的 domain 互動」，此時因為瀏覽器限制：播放器可以自動播放，但必須靜音。

以我們的網站為例：

	流程1	流程2
使用者操作說明	使用者從首頁，點擊網站內部連結內轉進入播放頁。	使用者在播放頁「重新整理」
播放器自動播放與音量	可以做到自動播放加開啟聲音	僅能自動播放加靜音
原因	從首頁進入播放頁，代表是從同 domain 下的首頁「點擊」才進入有播放器得頁面。按照 Google 瀏覽器預設行為，此時預設可以自動播放加上開啟聲音，而目前的設計是自動播放但是靜音。	重新整理視同第一次打開這個 domain 網頁，此時播放器自動初始化並播放影片時，按照 Google 瀏覽器預設行為，預設僅能自動播放加上靜音。

流程1

流程2

使用者操作說明

使用者從首頁，點擊網站內部連結內轉進入播放頁。

使用者在播放頁「重新整理」

播放器自動播放與音量

可以做到自動播放加開啟聲音

僅能自動播放加靜音

原因

從首頁進入播放頁，代表是從同 domain 下的首頁「點擊」才進入有播放器得頁面。

按照 Google 瀏覽器預設行為，此時預設可以自動播放加上開啟聲音，而目前的設計是自動播放但是靜音。

重新整理視同第一次打開這個 domain 網頁，此時播放器自動初始化並播放影片時，按照 Google 瀏覽器預設行為，預設僅能自動播放加上靜音。

這裡需要再強調：當從首頁進入播放頁時，因為 path 是掛在同一個 domain 網域下，所以這時視同有和 domain 互動過。

單純在播放頁重新整理這個行為，視同第一次打開這個 domain，即「重新整理網頁」或透過「外部連結」跳轉進來，不算有和 domain 互動過。

如果我從程式碼設定預設自動播放加開啟聲音，會發生什麼事情？

首次打開進入某個網站 domain ，此時若透過程式碼設定自動播放加開啟聲音，這個行為不符合瀏覽器的政策，故此時瀏覽器會可能發生：

自動播放，但瀏覽器不管你開聲音設定，還是給你靜音 → 為了符合自動播放政策
強制暫停，使用者點一下播放按鈕才能開始影片，此時播放器開啟聲音 → 為了符合自動播放政策（當點一下播放按鈕，即代表有在這個網站 domain 互動過了）

上述兩點都是瀏覽器端自動介入的行為，已跳脫程式碼控制範疇，行為不可控排查也會有點難，瀏覽器政策限制就是強制規範，不是 RD 們透過程式碼可以改寫的。

過往的問題或風險

過往與播放器自動播放 + 音量議題，全集中在 pre-roll 廣告上面，例如自動播放加上開啟聲音，廣告可能會卡住（其實是被強制暫停）

為什麼有少數網站可以在首次進入該 domain 頁面無互動，能自動播放預設打開聲音？

那為什麼仍有網站可以在首次進入該 domain 頁面無互動，能自動播放預設打開聲音？主要有這兩點：

一、MEI 媒體參與指數

Google 在各 Client 端 Chrome 有媒體參與 MEI 的分數設計，如果我常常用這台電腦開某些影音網站追劇並打開聲音，Google Chrome 認為此台裝置此瀏覽器 MEI 分數較高，就可以解鎖自動播放加上開啟聲音的功能，但這是 for client 瀏覽器行為，無法透過程式去執行。

使用者常常開啟某些網站，首次打開某個 domain 還沒互動即可以自動播放 + 開啟聲音，很有可能是其瀏覽器的 MEI 指數很高，自動解鎖可以開啟聲音自動播放的限制。

二、Google 自己的 domain 白名單

既然 Google 同時是 Chrome 瀏覽器的持有開發商，當然會有個白名單放水，還是會有少數特例網站是被 Google 允許使用者首次進入該 domain 網站時，可以自動播放加上開啟聲音的。

參考

https://stackoverflow.com/questions/53661399/how-does-youtube-autoplay-its-videos

https://blog.google/products/chrome/improving-autoplay-chrome/

OTT 公司怎麼做？

不論是 KKTV、myVideo 還是其他競品，大家都要符合這個瀏覽器政策。大部分都是預設「沒有自動播放」，要使用者點擊播放按鈕才開始影片（此時聲音打開）。

大家下次可以試試看，當你用無痕瀏覽器看 Disney+ 或 Netflix 看到一半重新整理，不外乎是重整後影片繼續自動播放，但聲音暫停，或者有個點擊播放的 icon 要使用者強制點一下才能接續播放，這一切都是為了符合瀏覽器的自動播放政策。