U7: Video auf Webseiten

Hier könnt ihr eure Zusammenfassungen, Notizen, informative Links etc. zu dem jeweiligen Prüfungsthema veröffentlichen. Konkrete Übungsaufgaben bitte in der Lerngruppe veröffentlichen: http://www.mediencommunity.de/lerngruppe-mediengestalter-abschlusspruefung-sommer-2014

Viel Erfolg

----------------------------------------------------------------

Formate 

Es gibt drei essentielle Formate für Videos im Web. 
MP4, OGG und WEBM. 

80% der Videos im Web sind inzwischen MP4-Videos. 

Bei der Verwendung von Videos gibt es zu beachten, dass MP4 ein obligatorisches Element ist. OGG oder WebM sind ergänzende Video-Formate. Für eine maximal mögliche Broswerkompatibilität in HTML5 sind allerdings all diese drei Formate beim Anlegen empfehelenswert. 

Codecs

Codecs sind am Rande erwähnt, denn sie stellen nru selten eine Fehlerquelle dar und müssen dann geändert werden. Viel wichtiger sind die Standard-Codecs der Videoformate in HTML5-fähigen Browsern. Man unterscheided dabei zwischen video und audio codec.

Die Codecs der einzelnen Formate sind: 

MP4
video codec = h.264
audio codec =  AAC 

OGG
video codec = Theora
audio codec = Vorbis

WebM
video codec = VP8
audio codec = Vorbis

Anwendung 

Eingebunden werden Videos mit dem entsprechenden video-tag <video>

<video width="320" height="240">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.webm" type="video/webm">
  Ihr Browser unterstützt kein Video
</video>

Fallback 

Falls der Browser das Video-element nicht unterstützt oder ein entsprechendes Format nicht angegeben ist. Gibt es neben der Möglichkeit einfach das richtige Format zusätzlich anzubieten noch den Veteranen Flash-Player. Für Browser wie IE8 oder IE7, die kein Video-Tag unterstützen ist es obligatorisch, dass ein FlashVideo zusätzlich eingebunden wird.