HTML5 video: MP4 encoded by ffmpeg does not play in any browser (although it plays in VLC)

Question

I am trying to use HTML5 video in MP4 and WEBM formats. I can not get all browsers to work:

• Browsers that support WEBM (Chrome desktop, Firefox desktop) play video very well.

• Browsers that use MP4 do not work (IE, Safari, Android).

• WEBM is served as video/webm.

• MP4 is served as video/mp4.

Minimum JSFiddle at: http://jsfiddle.net/#&togetherjs=5Ql5MmrV4j

---

Browser Errors:

• IE11: 11.0.9600.17126/11.0.9 KB2957689

  Error: Unsupported video type of invalid file path

• Android Browser and Chrome Android:

  No errors, the video just does not start

---

Stability Test - The following three values ​​are equal:

• The resulting file size: curl <video URL> | wc -c

• Actual file size: stat -c %s <video file>

• : Content-Length HTTP-.

---

:

• MP4: http://hackology.co.uk/wp-content/uploads/2014/06/hd720-24.mp4

  Content-Type: video/mp4

  Chrome/IE11/Chrome Android/Android

  VLC

  FFMPEG:

  -an -vcodec libx264 -s hd720 -flags +loop+mv4 -cmp 256 -partitions +parti4x4+parti8x8+partp4x4+partp8x8 -subq 6 -trellis 0 -refs 5 -bf 0 -coder 0 -me_range 16 -g 250 -keyint_min 25 -sc_threshold 40 -i_qfactor 0.71 -qmin 10 -qmax 51 -qdiff 4 -movflags faststart

  MP4 . -an -vcodec libx264 -s hd720, .

• WEBM: http://hackology.co.uk/wp-content/uploads/2014/06/hd720-24.webm

  Content-Type: video/webm

  Chrome/Firefox

  FFMPEG:

  -an -vcodec libvpx -s hd720

---

HTML (, .. ):

<video preload="metadata" controls="controls">
  <source type="video/mp4" src="http://hackology.co.uk/wp-content/uploads/2014/06/hd720-24.mp4">
  <source type="video/webm" src="http://hackology.co.uk/wp-content/uploads/2014/06/hd720-24.webm">
</video>

JSFiddle at http://jsfiddle.net/#&togetherjs=5Ql5MmrV4j

Answer 1

MP4 , , MP4 - MS Apple, -/ .

FFMPEG:

-pix_fmt yuv420p
-preset slow
-profile:v baseline

:

ffmpeg
  <INPUT DEFINITION>
  -an
  -s hd720
  -vcodec libx264
  -b:v BITRATE
  -vcodec libx264
  -pix_fmt yuv420p
  -preset slow
  -profile:v baseline
  -movflags faststart
  -y <OUTPUT PATH>

, .