I'm running a debian 7.5 machine with ffmpeg-2.2 installed following these instructions
I'm trying to display a mp4 video inside my browser. The original file has an AVI container format. I can successfully convert it to mp4 and the targetfile is readable (video + sound) with the totem movie player. So I thought everything would be OK displaying the bellow page
<!DOCTYPE html><html>
<head>
<title>Webcam</title>
</head>
<body>
<video width="640" height="480" controls>
<source src="/path/to/output.mp4" type="video/mp4">
<h3>Your browser does not support the video tag</h3>
</video>
</body></html>
$ ffprobe -show_streams input.avi
Duration: 00:08:22.90, start: 0.000000, bitrate: 1943 kb/s
Stream #0:0: Audio: mp3 (U[0][0][0] / 0x0055), 48000 Hz, stereo, s16p, 64 kb/s
Stream #0:1: Video: mpeg4 (Advanced Simple Profile) (XVID / 0x44495658), yuv420p, 720x540 [SAR 1:1 DAR 4:3], 1870 kb/s, 29.97 fps, 25 tbr, 29.97 tbn, 25 tbc
$ ffmpeg -y -fflags +genpts -i input.avi -acodec copy -vcodec copy ouput.mp4
Opening the above html file plays sound but no video is displayed.
When I use other .mp4 files, videos succesfully displayed so I'm sure I face a conversion issue.
Not : I've tryed a lot of other ffmpeg options but without success.
Any idea ?
Thanks in advance.
Your command was stream copying (re-muxing) MPEG-4 Part 2 video into MP4 container, but this format is probably not playable by the browser. You should use H.264 video instead for MP4 container:
ffmpeg -i input.avi -c:v libx264 <... more options ...> -c:a libfaac \
-movflags +faststart output.mp4
-movflags +faststart
will allow the video to begin playback before the file is completely downloaded by the viewer.
Note that you can specify multiple alternative media resources for compatibility:
<video width="640" height="480" controls>
<source src="/path/to/output.mp4" type="video/mp4">
<source src="/path/to/output.webm" type="video/webm">
<source src="/path/to/output.ogv" type="video/ogg">
...
</video>
Also see:
I suggest to use the WebM format instead of an MP4. If you look here it seems that WebM is a good choice for compatibility.
And in fact I made a similar test by own
<!DOCTYPE html><html>
<head>
<title>Play a file</title>
</head>
<body>
<video width="640" height="480" controls>
<source src="vid/output.webm" type="video/webm">
<h3>Your browser does not support the video tag</h3>
</video>
<video width="640" height="480" controls>
<source src="vid/output.mp4" type="video/mp4">
<h3>Your browser does not support the video tag</h3>
</video>
</body></html>
And I used a video converted by:
the MP4 video doesn't work under Firefox 29... but the WebM version is OK
In another hand the conversion will take more time due to the transcoding to VP8/vorbis. But your input video stream that you copied (transmux) into the mp4 file my be out-of the spec(Video: mpeg4 (Advanced Simple Profile) (XVID / 0x44495658))
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With