iPhone、Androidの各ブラウザでVIDEOタグで埋め込んだ動画を自動再生させる方法について

iPhone、AndroidのChrome、Firefox、SafariでVIDEOタグで埋め込んだ動画を自動再生させたいです。
状況としては動画がはじまる最初部分で止まっている状態です。PCでは問題無く動画が動いています。
検証端末：iPhone 8 Plus
もし何かおわかりになりましたらご教示頂けますと幸いです。

HTML
1<video src="movie/movie.mp4" muted autoplay>
2　<source src="movie/movie.mp4" type="video/mp4">
3　<source src="movie/movie.webm" type="video/webm">
4</video>
5

■htaccess側の記述
AddType video/ogg .ogg .ogv
AddType audio/ogg .ogg
AddType application/ogg .ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

ご確認のほどよろしくお願いいたします。

行動規範の内容に同意します

回答2件

ベストアンサー

スマホとタブレットの場合、自動再生で突然音が出るの防ぐために、mutedを指定しないとautoplayが有効にならないようになっています。
iPhoneの場合、iOS 10以降でplaysinlineを指定すると、HTML内のインライン再生がサポートされ、muted指定も合わせることでautoplayを有効にできます。(playsinline指定がない時はiPhoneのブラウザでの動画再生がフルスクリーンに限られてしまうため、自動再生ができなくなります。)

html
1<video src="movie/movie.mp4" playsinline muted autoplay>
2　<source src="movie/movie.mp4" type="video/mp4">
3　<source src="movie/movie.webm" type="video/webm">
4</video>