2019年11月8日 星期五

iOS html5 video autoplay

markdown

有個需求是要自動播一個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` 屬性才行


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

沒有留言:

張貼留言