PHPで作ったWeb apiでChromeとFirefoxだと、動画ファイルが再生されない。

Question

現在短編動画を撮る事ができるVineのようなスマホアプリの開発をしています。
APIは、PHPをつかって作っております。
スマホから撮った動画をMovie用のAPIに渡しそれをffmpegで使って動画をリサイズし、
サーバにアップロード+DBにインサートするという処理を書いてあります。

質問としてはWEbブラウザでapiURL/movies/ファイルネーム.mp4とアクセスすれば、動画を見る事が出来るはずなのですが、現在SfariとIEのみ再生されます。
ChromeとFirefoxでは再生されません。
※Firefoxだとファイルが壊れているため再生できません。と表示され、Chromeだと映像はみれないが音声だけ聞ける。

ffmpegで動画をリサイズ（圧縮）しているからでしょうか？
おそらく、ffmpgが問題になっているのではないかと自分は考えています。。

現在FirefoxとChromeでは再生できないのを、再生できるようにしたいです。
何かありましたら解決策宜しくお願いします。

Answer 1

ffmpegの変換オプションと、ffprobeのフォーマット出力があると判断し易いかも知れませんね。

Answer 2

FireFoxでは、mp4対応していないので、対応する形式に書き出す必要があるんじゃないかと。
http://www.htmq.com/html5/004.shtml

Chromeはmp4いけたと思ったのですが。
videojsなど使ってみてはどうでしょう。
http://www.videojs.com/

Answer 3

※重複投稿してしまったので、この回答は無視してください。

Answer 4

まずはどこでずっこけているのか確認されると良いかもしれません。

1. スマホから撮った動画　←この状態で再生されるか
2. Movie用のAPIに渡し　←この状態で再生されるか
3. それをffmpegで使って動画をリサイズし、 　←この状態で再生されるか
4. サーバにアップロード　←この状態で再生されるか
5. DBにインサート　←この状態で再生されるか

Comments

[apollonono]

htmlを作って次を張りますと
Avi 40,105kb アプリ選択　VLC開ける　Firefoxは多重で開こうとする
mp4 36,260kb ファイル壊れ
mpg 28,106kb ファイル壊れ
webm 16,397kb Firefox　offlineで開ける　
wvm 105,581kb アプリ選択　VLC開ける　Firefoxは多重で開こうとする
の結果になります。
mp4も開けるのがあるので、元の映像ファイルが適合していないようです。

[apollonono]

違いがありました。
出来るmp4
1280x720 8Bit AVC/H.264 High@3.1 1:1 Progressive 30.00fps 6387f 706.04kb/s
AAC 44.10kHz 2.0ch(2/0 L+R) LC 191.99kb/s
[Extra][2]
MP4 v2
MetaData
[MPEG4] 00:03:32.903 (212.903sec) / 23,971,315Bytes
出来ないmp4
1280x720 24Bit MPEG4 Simple@L1 1:1 Progressive 29.97fps 6599f 1214.09kb/s
AAC 44.10kHz 2.0ch(2/0 L+R) HE(LC) 128.04kb/s
[Extra][2]
ISO Base Media v1
MetaData
[MPEG4] 00:03:40.187 (220.187sec) / 37,129,386Bytes

[apollonono]

真空波動研で調べた結果でした。