iOS html5 video autoplay

Posted on Edited on

有個需求是要自動播一個 mp4 影片在活動網頁頂部
在 mobile 上也要自動播
影片本身沒有音效需求，只是影像

將 video tag 設定了autoplay 自動播放、 muted 靜音，
在 android 的 chrome 上是會自動播放，但是在 ios 的 safari & chrome 上無效，

根據這篇文章應該是靜音就可以了，
嘗試拿免費軟體shotcut將影片檔重新匯出無音軌的，也沒有用

後來看 apple 的官網文章
https://developer.apple.com/documentation/webkit/safari_tools_and_features/delivering_video_content_for_safari#3030250

還要再加上一個 playsinline 屬性才行

加上了之後的確可以了，不需要無音軌影片，靜音即可