iPad/iPhoneでmp4ファイルが再生されません | 質問掲示板 | 独学!未経験からWebデザイナーになる!!

Web制作や付随することを何でも質問できるコーナーです。

未経験からWebデザイナーになる!! > 質問掲示板 > カテゴリ: HTML/CSS > iPad/iPhoneでmp4ファイルが再生されません

iPad/iPhoneでmp4ファイルが再生されません

当サイトのリニューアル作業に時間をあてるため、掲示板の投稿は当分停止させていただきます。
HTMLでホームページを作成し、mp4形式の動画ファイルを<video>タグで埋め込みましたが、iPhoneとiPadでは動作が再生されません。
WindowsのパソコンやAndroidのスマホでは問題なく再生されます。
また、再生されない動画ファイルをメールでiPadに送り、iPadから直接ファイルを再生すると問題なく再生されます。

動画のファイル形式は、
640x480 8Bit AVC/H.264 Main@3 4:3 Progressive 29.95fps 1441f 320.98kb/s
AAC 48.00kHz 2.0ch(2/0 L+R)LC 159.85kb/s
になります。

埋め込みコードは、
<video controls preload="none" onclick="this.play();" width="640" height="360">
<source src="sample.mp4" type="video/mp4">
</video>

になります。

できれば、YouTubeへのリンクなどではなく、ホームページに直接動画を埋め込む形で再生できるようにしたいと思っています。
どうかよろしくお願いいたします。
そろそろアイスココアさん、こんにちは。

個人的には同様の経験がないためパッと答えは分かりませんが、特定の環境にてvideoタグがうまく再生されない……というのはよくあるようです。

参考として手持ちのiPhoneで試しましたが、無事videoタグで再生できました。

■iOSバージョン
11.3.1

■MP4ファイル
1920x1080 8Bit AVC/H.264 High@4 Unspecified Progressive 29.21fps 291f
16554.57kb/s
AAC 48.00kHz 2.0ch(2/0 L+R) LC 192.00kb/s


今回の現象は、iOSのバージョンが特別古いなどの事情がなければ、まずは動画の形式から疑ってみてはいかがでしょうか(OSでは再生できるがsafariを通すと問題あり?)。

問題の切り分けとして、サイズ・コーデック・ビットレート等が異なる様々なMP4 ファイルを、videoタグで再生してみると新たに分かることがあるかもしれません。

特定のMP4ファイルだけが再生できないのであれば、再生できるMP4ファイルと比較していけば、何が問題かあたりをつけられると思います。その結果を参考に、動画編集ソフトなどでファイルを変換してみるのもありですね。


ちなみに、もしもどんなMP4ファイルでも再生できないようであれば、今の時点では思いつきませんが、全く別の原因も考えられます。