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」である事を確認する)
大抵ここまでやったら、解消できてるはず!