iPhone/iOSで再生されない動画（videoタグ:mp4）の対応
お母ちゃん
2023.4.20
0
0
videoタグの埋め込みで、PCだと問題無く表示・再生されるけどiPhoneだと表示も再生もされない動画があって、その対応したときのメモ。
|
1 2 3 |
<video src="video.mp4" playsinline autoplay muted loop controls> <source src="video.mp4" type="video/mp4" /> </video> |
目次
iPhoneで再生されない動画
とりあえずFFmpegで確認したMetadata
|
1 2 3 4 5 6 7 8 9 10 11 12 |
Metadata: major_brand : isom minor_version : 512 compatible_brands: isomiso2avc1mp41 encoder : Lavf58.76.100 Duration: 00:00:05.32, start: 0.021333, bitrate: 6057 kb/s Stream #0:0(und): Video: h264 (High) (avc1 / 0x31637661), yuv420p(tv, bt709), 1280x640 [SAR 1:1 DAR 2:1], 5776 kb/s, 59.94 fps, 59.94 tbr, 60k tbn, 119.88 tbc (default) Metadata: handler_name : Core Media Video Stream #0:1(und): Audio: aac (mp4a / 0x6134706D), 48000 Hz, 4.0, fltp, 265 kb/s (default) Metadata: handler_name : Core Media Audio |
Premiere Proでエンコード
Premiere Proで読み込んでそのままmp4で書き出しし直したら表示・再生されるようになった。
しかしループの所で途切れる感じ。
（動画最後で一旦表示が消えてパッと点滅する感じ）
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
Metadata: major_brand : mp42 minor_version : 0 compatible_brands: mp42mp41 creation_time : 2023-04-20 07:27:16 Duration: 00:00:05.35, start: 0.000000, bitrate: 5602 kb/s Stream #0:0(eng): Video: h264 (Main) (avc1 / 0x31637661), yuv420p(tv, bt709), 1280x640 [SAR 1:1 DAR 2:1], 5226 kb/s, 59.94 fps, 59.94 tbr, 60k tbn, 120k tbc (default) Metadata: creation_time : 2023-04-20 07:27:16 handler_name : Alias Data Handler encoder : AVC Coding Stream #0:1(eng): Audio: aac (mp4a / 0x6134706D), 48000 Hz, stereo, fltp, 316 kb/s (default) Metadata: creation_time : 2023-04-20 07:27:17 handler_name : Alias Data Handler |
問題無く再生されている他の動画と比較するとfpsが高い様なのでspfを下げてエンコードし直してみることに。
フレームレート変更
比較した動画が23.98だったので
Premiereではプリセットの中から「23.976」を選択し再びエンコードした所
途切れる問題も解消し無事iOSでもループ再生がされる様になった。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
Metadata: major_brand : mp42 minor_version : 0 compatible_brands: mp42mp41 creation_time : 2023-04-20 07:33:49 Duration: 00:00:05.35, start: 0.000000, bitrate: 5676 kb/s Stream #0:0(eng): Video: h264 (Main) (avc1 / 0x31637661), yuv420p(tv, bt709), 1280x640 [SAR 1:1 DAR 2:1], 5325 kb/s, 23.98 fps, 23.98 tbr, 24k tbn, 48k tbc (default) Metadata: creation_time : 2023-04-20 07:33:49 handler_name : Alias Data Handler encoder : AVC Coding Stream #0:1(eng): Audio: aac (mp4a / 0x6134706D), 48000 Hz, stereo, fltp, 316 kb/s (default) Metadata: creation_time : 2023-04-20 07:33:50 handler_name : Alias Data Handler |
ffmpegで対応するには
詳しい事はわからないけど再生されない動画から音声を削除したら再生はされるようになった。
Premireで確認したら音声トラックが4つ位重なっていたからその影響とか…？
mp4の音声データが悪さしてiPhoneで表示されないって事もあるのか..?
その場合は音声要らない動画ならffmpegで音声削除だけでも行けるのかも。
