前提・実現したいこと
Webサイトの動画埋め込みvideoタグで埋め込んだ動画をiPhone 11 でループさせたい。
発生している問題
iPhone 8 と iPhone 11 だけ動画のループがされず一回だけで止まってしまう現象が起きています。
スクロールしたりなどアクションをすると動き出すのだが、何もせずに見ているだけだと一回目で止まってしまいます。
iphone 8 については解決したのですが、iPhone 11に関してだけは不安定で解決していない状態です。
同じような事象が起きた方いらっしゃいますでしょうか?
是非ともご教示お願い致します。
該当のソースコード
<video id="my-video" preload="none" class="video-js" muted loop autoplay webkit-playsinline playsinline data-setup="{}"> <source src="/Video/KeyVisual/kv_comp-sp.m3u8"> <source src="/Video/KeyVisual/kv_comp-sp.webm"> <source src="/KeyVisual/kv_comp-sp.mp4"> <source src="/Video/KeyVisual/kv_comp-sp.ogv"> </video>試したこと
画像やcss、jsは圧縮、minify化をして極力サイト容量を軽量化する。
①javascritでloopを指定する、動画の終了時にもう一度初めから再生させる等の制御。
②video.jsを使う。
③SPはwebmを優先高くする。
④動画ファイルをCDNのCloudinaryで配信、HLSで配信。
現状は生のjavascriptの制御はやめて②④の状態です。
補足情報(FW/ツールのバージョンなど)
元のファイルはmp4でH.264です。
サーバーはXサーバーの専用サーバーで、CMSはWordPressです。

回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。