楽天GOLDにてmp4動画を追加したく諸々試しているのですが、
ブラウザはsafari、またはデバイスがMac・iPad・iPhoneの場合、再生されない現象が起こっています。
様々なサイトで調査して試しましたが、解決されず困っています。
R-Cabinetの動画管理にて登録する方法でも活用できると思いますが、
・サイズ幅に制限がある(最大横幅640pxに自動調節される)
・R-Cabinetで登録すると解像度が劣化する
上記の理由から、R-Cabinetは使いたくないので、
なるべくFTPサーバーでアップしたものを使用したいと考えています。
■入力中のタグ(poster、srcの画像パスはサンプルです)
<video poster=“poster.jpg" autoplay muted playsinline controls>
<source src=“video.mp4" type="video/mp4">
</video>
■mp4動画の形式
・コーデック:AAC、H.264、プログレッシブ方式
・容量:16.5MB
・再生時間:13秒
・サイズ:1920×1080
・音声:あり
■ブラウザ・デバイスの現状
・Chrome、FireFox
PC:再生可
スマホ:Android→再生可、iPhone→再生不可
iPad:再生不可
※Chromeのデベロッパーツールで確認すると再生できている
・safari:いずれのデバイスでも再生不可
■試したこと
・「autoplay muted playsinline」を入れる
・iOSで「低電力モード」にしていると再生されないとのことだったが、
当方のiPhoneにて確認しましたが、この設定はしていませんでした(なのに再生されない)
特にiOSはシェア率が高いので解決したいと思っています。
上記につきまして、ご教示のほどお願いいたします。