質問: ### 前提・実現したいこと Webサイトの動画埋め込みvideoタグで埋め込んだ動画をiPhone 11 でループさせたい。 ### 発生している問題 iPhone 8 と iPhone 11 だけ動画のループがされず一回だけで止まってしまう現象が起きています。 スクロールしたりなどアクションをすると動き出すのだが、何もせずに見ているだけだと一回目で止まってしまいます。 iphone 8 については解決したのですが、iPhone 11に関してだけは不安定で解決していない状態です。 同じような事象が起きた方いらっしゃいますでしょうか? 是非ともご教示お願い致します。 ### 該当のソースコード ### 試したこと 画像やcss、jsは圧縮、minify化をして極力サイト容量を軽量化する。 1javascritでloopを指定する、動画の終了時にもう一度初めから再生させる等の制御。 2video.jsを使う。 3SPはwebmを優先高くする。 4動画ファイルをCDNのCloudinaryで配信、HLSで配信。 現状は生のjavascriptの制御はやめて24の状態です。 ### 補足情報(FW/ツールのバージョンなど) 元のファイルはmp4でH.264です。 サーバーはXサーバーの専用サーバーで、CMSはWordPressです。
回答: 自己解決しました。 動画ファイルやvideoタグ自体には何も問題なかったです。 ファーストビュー時にjsアニメーションで波紋が広がるプラグインを使っていたのですが、そちらの処理が裏でずっと動き続け端末のメモリリークが起きていたようです。 FVが終わるタイミングでストップさせました。 こちら誰かの参考になれば幸いです。