Videos in Websites einbinden
Beim Einbinden eines Videos mit HTML5 muss man darauf achten, dass nicht alle HTML5 fähigen Browser die gleichen Videoformate wiedergeben können.
Die Konvertierung des Ausgangsvideos kann mit einem Konverter, den es kostenlos gibt, konvertiert werden. http://www.freemake.com/de/free_video_converter/
So wird ein Video beispielsweise eingebunden:
<source src="video.ogv" type='video/ogg; codecs="theora, vorbis"'/>
<source src="video.webm" type='video/webm' >
<source src="video.mp4" type='video/mp4'>
<p>Ihr Browser unterstützt kein HTML5 (Alternativtext für alte Browser)</p>
</video>
Bzgl. der Bereitstellung von Filmen (betrifft auch Audio-Dateien), ist es vielleicht zum Vorteil die Unterschiede von "Download, Progressiver Download und Streaming" zu kennen.
- Streaming: Hier wir keine Datei lokal auf der Festplatte gespeichert, sondern direkt im Browser abgespielt. Beim nächsten Besuch der Seite muss die Datei aber neu geladen werden.
- Download: Eine Datei muss komplett lokal auf die Festplatte geladen werden um ihn sich angucken zu können. Danach kann man aber direkt vorspulen, etc. Ein neues Laden ist nicht notwendig da man alle nötigen Dateiinformation hat.
- Progressiver Download: Hier wird ebenfalls eine Datei progressiv lokal auf die Festplatte heruntergeladen. Man kann Sie bereits abspielen auch wenn sie noch nicht vollständig geladen ist. Ein Vor-Spulen ist allerdings nur soweit möglich wie der Download bereits fortgeschritten ist.
- kein verbrauch von Speicherplatz auf dem eigenen Webserver
- wenn man bereits auf dem Chanel ist, kann man alle weiteren Videos direkt ansehen
- Einbindung sehr leicht und komfortabel
- relativ viele Einstellungs- und Anpassungsmöglichkeiten