https://coco-factory.jp/ugokuweb/move01/6-3-1/
こちらを参考にサイトのファーストビューに動画を入れました。
Chromeデベロッパーツールで確認したところ、PC画面もモバイル画面も問題なく動画が再生されました。
実機で確認した際、iphone11では再生できましたが、
iphoneXrでは自動再生されずに再生ボタンが出てきてしまいました。
実際に書いたコードは下記で、「webkit-playsinline」「playsinline」「muted」「autoplay」「loop」属性も入っているのですが、
どうして自動再生されずに再生ボタンが出てきてしまうのでしょうか?
html
1<video poster="" webkit-playsinline="" playsinline="" muted="" autoplay="" loop=""><source src="/img/sp/move.mp4" width="100%" height="100%" type="video/mp4"> </video>
確認したiphoneXrのシステムバージョンは 14.7.1 で、
ビデオプレビューの自動再生もオンになっています。
Safari、Chromeで確認しましたがどちらも自動再生されません。
初めて質問するので、不備や情報不足がありましたらすみません。
宜しくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。