Mp4（通过使用ffmpeg连接两个mp4创建）不在html5视频标签中播放

Question

I am getting trouble to play mp4 file in video tag of html5.

I have two mp4 files on my server. I use following code.

<video width="320" height="240" controls="controls">
<source src="input.mp4" type='video/mp4 '/>
</video>

This works fine. After that I am concatenating two mp4 using ffmpeg. Code for concatenating as follows.

exec('ffmpeg -i input1.mp4 -qscale:v 1 intermediate1.mpg');
exec('ffmpeg -i input2.mp4 -qscale:v 1 intermediate2.mpg');
exec('cat intermediate1.mpg intermediate2.mpg | ffmpeg -f mpeg -i - -vcodec copy -acodec copy intermediate_all.mpg');
exec('ffmpeg -y -i intermediate_all.mpg -an -pass 1 -threads 2 $options temp.mp4');
exec('ffmpeg -y -i intermediate_all.mpg -acodec libfaac -ar 44100 -ab 96k -pass 2 -threads 2 $options temp.mp4');
exec('qt-faststart temp.mp4 new_output.mp4');

This conversion works good. I can play this file using every player but when I use this converted file in video tag It doesn't work.

Any help will be appreciated.

Answer 1

Have you tried.

<video width="320" height="240" controls="controls">
    <source src="input.mp4" type="video/mp4"/>
</video>

(type='video/mp4', ' has to be ").