videoタグで設置したmp4動画の音声がiPhoneで出ない

先日、ウェブサイトにmp4形式の動画をvideoタグで設置したところ、android端末では問題なく再生できるのに、iPhoneでは音声が再生されないという問題が発生しました。

原因：ファイルの圧縮方法に問題があった

調べてみたところ、videoタグ云々の問題ではなく、mp4ファイル自体の問題であることがわかりました。

問題の起きていたファイルは、

• Windows標準アプリ「フォト」の「ビデオエディター」で出力
• 出力したものをオンラインの圧縮ツールで圧縮

という手順で作成していました。

試しに圧縮前のファイルで設置し直してみたところ、iPhoneでも音声が再生されるようになりました。
推測ではありますが、圧縮の際にiPhoneでは再生できないビットレートに変換されてしまったようです。

最近はオンラインで動画の圧縮が手軽にできるようになりましたが、こういった問題が起こる場合もあるのだなと勉強になりました。