Bearbeiten von „Videokodierung - Best Practice“

== Links ==
* https://app.zencoder.com/docs/guides/encoding-settings/html5
== Webvideo ==
* Beste Kompatibilität (Anfang 2017) mp4 mit mp3 und h264
* Ab neueren Edge Versionen auch webm Unterstützung
* ogv - fraglich ob man das noch benötigt
* YouTube nicht vergessen

Minimally, you must use MP4 + H.264, with AAC or MP3. MP4 video plays natively in Safari, Chrome, and IE9 (Vista/Windows 7). It is also your best option for a Flash video fallback, and plays natively on many devices (iOS, Android, Blackberry, PSP, Xbox, PS3, etc.). Use H.264 High Profile for the best quality, or Baseline profile if you want the same video to be playable on mobile devices.

Beyond that, use either WebM + VP8 or Ogg + Theora with Vorbis audio for other browsers.

Recommendation: Minimally, MP4 + either WebM or Ogg, or maybe both.

== Mobile Devices ==
1. Most modern mobile devices support MP4/H.264. This includes the whole iOS series (iPhone, iPod, iPad, Apple TV, etc.), most Android devices, modern Blackberry phones, etc. For most of these, be sure to use the H.264 Baseline profile. Use 640x480 or smaller for iOS and Android, and 480x360 or smaller for Blackberry support.

Note that the same file that plays on an iPhone can play on the web, via HTML5 (some browsers) or Flash. So if you want to reduce versions, use the same one. But you're stuck with Baseline profile for most mobile devices, and Main/High makes a big difference, so using separate output versions is a good idea if you want the best quality for each device.

2. Use 3GP/MPEG4 for older mobile devices. Most Blackberrys and some Androids also support 3GP, and 3GP generally even plays on iPhone/iPod too (since iOS plays MP4/MPEG-4 and 3GP is just a subset of MP4).

Recommendation: Minimally, MP4, 640x480 or 480x360. Maximally, three MP4 versions (480x360, 640x480, 720p + Main profile) plus one or two 3GP versions (320x240 and maybe 176x144). See our earlier post for specific encoding settings.

1. Get it working

HTML5, Flash, Mobile: MP4/H.264, Baseline profile, 480x360 or 640x480
HTML5: WebM or Ogg
1
2
3
4
5
6
7
8
9
10
11
12
13
{
  "input": "s3://bucket-name/file-name.avi",
  "outputs": [
    {
      "url": "s3://output-bucket/output-file-name.mp4",
      "size": "640x480"
    },
    {
      "url": "s3://output-bucket/output-file-name.webm",
      "size": "640x480"
    }
  ]
}
JSONXML
2. Round it out

HTML5, Flash: MP4/H.264, High profile
HTML5: WebM
HTML5: Ogg
Mobile: MP4/H.264, Baseline profile, 480x360 or 640x480
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
{
  "input": "s3://bucket-name/file-name.avi",
  "outputs": [
    {
      "url": "s3://output-bucket/output-file-name.mp4",
      "h264_profile": "high"
    },
    {
      "url": "s3://output-bucket/output-file-name.webm"
    },
    {
      "url": "s3://output-bucket/output-file-name.ogg"
    },
    {
      "url": "s3://output-bucket/output-file-name-mobile.mp4",
      "size": "640x480"
    }
  ]
}
JSONXML
3. Support everything

HTML5, Flash: MP4/H.264, High profile
HTML5: WebM
HTML5: Ogg
Mobile: MP4/H.264, Baseline profile, 480x360, for wide compatibility
Mobile: MP4/H.264, Main profile, 1280x720, for newer iOS devices (iPhone 4, iPad, Apple TV)
Mobile: 3GP/MPEG4, 320x240 and/or 177x144, for non-smartphones*
== Kompression ==
Backgroundvideos