SafariでのMP4の再生対応

iOS、SafariでMP4の再生しない!

動かなくて少しはまったので、修正できた箇所をいくつか書き留めておきます。

videoタグのパラメータを入れておく

※必要あれば、動画が再生できなかった場合の静止画を準備

<video autoplay muted loop poster="testBg.jpg" >

mp4以外にも、webM(ウェブエム)を用意して配置

※便利なコンバーターがありました↓
https://convertio.co/ja/webm-mp4/

<video autoplay="" muted="" loop="" poster="testBg.jpg">
 <p>HTML5のVIDEOタグが正常に読み込めませんでした、バージョンの確認か、ブラウザの変更でお試しください。</p>
</video>

「.htaccess」にMIMEタイプを設定する

登録が無い場合、下記を記載する。

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

mp4のコーデックを確認する

「MediaInfo」というツールを使うとmp4のコーデック形式が分かるので確認する。
(コーデックが「AVC」である事を確認する)

大抵ここまでやったら、解消できてるはず!