In HTML5 gibt es viele schöne und brauchbare neue Elemte. Ich selber habe mich noch nicht perfekt mit diesem Thema auseinandergesetzt aber möchte euch trotzdem eine Funktion möglichst genau erklären.
Die Seite w3schools.com, erklärt einen Teil relativ gut, aber auf Englisch :)
Es geht mir um folgendes:
Zitat von der Seite:
Videos sowie Audio Datien einzuspielen ist nun leichter gemacht. Wie es geht zeige ich euch jetzt.
Ein HTML5 Dokument mit einem Video Player könnte so aussehen:
<!DOCTYPE html>
<html>
<body>
<video width="320" height="240" controls="controls" autoplay="autoplay">
<source src="movie.[COLOR=#008000]mp4[/COLOR]" type="video/mp4">
<source src="movie.[COLOR=#0000ff]ogg[/COLOR]" type="video/ogg">
<source src="movie.[COLOR=#ff0000]webm[/COLOR]" type="video/webm">
Your browser does not support the video tag.
</video>
</body>
</html>Mit den Dateiformatem kenne ich mich leider nicht sonderlich gut aus aber ich versuche es euch zu erklären.
Hier gibt es wie schon oben gezeigt den <video></video> Code nur ein bisschen erweitert damit der Video Player eine bestimmt Breite & Höhe hat. In dem Fall sind es diese: width="320" height="240".
Die Datei movie.webm, ist glaube ich das Dateiformate für Opera und Firefox.
webm
Der WebM-Standard besteht aus dem Video-Codec VP8, der von On2 Technologies entwickelt wurde, und dem Audio-Codec Vorbis in einem auf einer Untermenge von Matroska basierenden Containerformat.
.ogg kann die MIME-Type haben: audio/ogg, video/ogg, application/ogg. Spricht für Audi, Video und Applications.
Wikipedia erklärt es so:
Ogg ist ein Container-Dateiformat für Multimedia-Dateien, kann also gleichzeitig Audio-, Video- sowie Textdaten enthalten. Ogg wurde mit dem Ziel konzipiert, eine freie und von Softwarepatenten unbeschränkte Alternative zu proprietären Formaten zu bieten, um Multimedia-Inhalte effizient zu speichern und zu streamen. Die Streamingfähigkeit ist dabei das entscheidende Designmerkmal: Alles, was in einem Ogg-Container verpackt ist, kann ohne zusätzliche Anpassungen gestreamt werden. Dies unterscheidet Ogg von Formaten, die entweder nur in bestimmten Ausprägungen streamingfähig sind (wie z. B. Matroska) oder überhaupt nicht live-streaming-fähig sind (wie z. B. MP4). Ogg-Streams können dabei gebündelt und verkettet werden, ohne dass dazu eine Anpassung des einzelnen Streams notwendig ist.[2]
Die Entwicklung des Container-Formats wird von der Xiph.Org Foundation geleitet, die auch für einige Codecs verantwortlich ist, welche die Inhalte in einem Ogg-Container komprimieren.
Der bekannteste Codec ist dabei der Audio-Codec Vorbis, welcher oft vereinfachend (oder auch irrtümlich) als Ogg bezeichnet wird, obwohl Ogg tatsächlich nur das Containerformat für die Vorbis-kodierten Inhalte ist.
Und .mp4 müsste eigentlich jeder kennen, bzw. schoneinmal gesehen haben. ;)
Ich glaube da muss ich nichts zu sagen, falls wer nachlesen möchte: MP4
So, wie lass ich jetzt ein Video auf meiner Seite abspielen?
In dem <body> kommt dieser Code:
<video width="320" height="240" controls="controls" autoplay="autoplay">
<source src="movie.[COLOR=#008000]mp4[/COLOR]" type="video/mp4">
<source src="movie.[COLOR=#0000ff]ogg[/COLOR]" type="video/ogg">
<source src="movie.[COLOR=#ff0000]webm[/COLOR]" type="video/webm">
Your browser does not support the video tag.
</video>src="PFAD ZUR VIDEO DATEI" bzw. Name der Video Datei wenn sie im gleichen Ordner ist wie die index.html o. index.php.
Wie das ganze aussieht könnt ihr hier nachgucken:
Ich hoffe ich konnte ein bisschen helfen.
z00r