html5 video 在網頁上如何自動播放且適用所有瀏覽器和裝置？

Question

html5 video 在網頁上如何自動播放且適用所有瀏覽器和裝置？

Answer 1

<video playsinline autoplay controls muted>
 <source src="xxx"></video>

我發現在macOS版谷歌瀏覽器可以，但是RWD谷歌瀏覽器竟然不行
safari也可以，RWD的safari可以
RWD就是我有設定 @media screen and (max-width: 1100px){ 以下就是RWD
很怪，代碼都是一樣的，但是谷歌RWD竟然不行

還沒試過ios的谷歌和safari
和android內建瀏覽器和谷歌瀏覽器

有大神知道適用所有瀏覽器和裝置的代碼嗎？需要添加什麼js代碼輔助？

Answer 2

当video的尺寸小于一定的尺寸时，在用户发生交互前，现代浏览器会禁止video的play，如果需要播放的话，可以添加muted属性，使其静音。