瀏覽器

系統限制 Web 工程師在做影音播放器功能時，容易遇到在 iOS Safari 播放器點擊全螢幕，會進入 Safari 原生播放器的議題。當影片進入全螢幕模式後，會使用 iOS 原生的影片播放器介面，因此無法客製化全螢幕的 UI 介面。 Windows Browser (ex: Chrome) Mac Safari iOS Safari Android Browser (ex: Chrome) 非全螢幕 顯示客製化 UI 顯示客製化 UI 顯示客製化 UI 顯示客製化 UI 全螢幕 顯示客製化 UI 顯示客製化 UI 強制切入原生播放器 顯示客製化 UI 此功能導致影響 廣告造成體驗不佳 目前觀察到播放中出現廣告時，會從全螢幕原生播放器「

為什麼網頁自動播放需要靜音？ 自動播放的聲音可能會影響使用者的瀏覽體驗。舉例來說，各位早期網路世代的使用者，一定都被打開某些網站跳出 Jumpscare 嚇過，輕一點則是剛打開網頁，被背景播放的奇怪音樂震撼到，為了避免這種嚇到使用者的行為，現代瀏覽器（如 Chrome、Firefox 和 Safari）已預設禁止未靜音的影音檔自動播放。 請參考 https://developer.chrome.com/blog/autoplay?hl=zh-tw 上面這篇是最重要的，建議先看過再往下看。 Chrome 自動播放政策 * 一律允許靜音自動播放。 * 僅在下列情況下，系統允許使用有聲音自動播放影片的情況： * 使用者已與此 domain 網域互動 (點擊、輕觸、滑動..etc)。 * 當使用者在電腦上的媒體參與度指數門檻時超過了門檻，代表使用者先前已播放有聲影片。 * 使用者已將網站新增至行動裝置主畫面，或在電腦上安裝 PWA。 * 熱門影格可以將自動播放權限委派給自己的 iframe，以便自動播放有聲的功能。 最重要的是這個： * 使用者已與此

這是一篇隨手紀錄，大概在 1/30 收到回報。 若進入播放頁是預設靜音 + 自動播放時，切換到其他瀏覽器 tabs 分頁一段時間再切回來，會發現原本播放頁的影片是被暫停又重新播放的。 但是..但是瀏覽器的行為原本不是這樣啊！！！ 排查過程 測試影片平台 * 公司平台任何一部影片 * Youtube 平台任何一部影片 錯誤複現 * 使用 Chrome 進入目前的播放頁 * 或是把有播放器自動播放且靜音的網頁作為該網站的首次進入點(ex：Youtube 播放頁）也就是初次打開網站即遇見播放器，即可複現此一情境。 排查方向 瀏覽器 核心版本 影片平台 是否複現(暫停影片) Chrome Chromium 109 Youtube 是 Brave Chromium 108 Youtube 否 Edge Chromium 108 Youtube 否 Firefox