HTML:Video-Tag: Unterschied zwischen den Versionen
Aus Alexander's Wiki
Admin (Diskussion | Beiträge) K (Änderungen von Admin (Diskussion) rückgängig gemacht und letzte Version von 195.55.130.44 wiederhergestellt) |
Admin (Diskussion | Beiträge) |
||
| (Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
Mit dem HTML 5.0-Standard lassen sich jetzt Video und Audio-Inhalte direkt im Browser ohne eines speziellen Streamingservers darstellen. Die großen Vorteile sind dabei: | Mit dem HTML 5.0-Standard lassen sich jetzt Video und Audio-Inhalte direkt im Browser ohne eines speziellen Streamingservers darstellen. Die großen Vorteile sind dabei: | ||
| Zeile 16: | Zeile 15: | ||
und die Videos müssen im Ogg-Theora-Format vorliegen. Mehr Informationen über diesen Codec findet man in der großen [http://de.wikipedia.org/wiki/Theora Wikipedia] | und die Videos müssen im Ogg-Theora-Format vorliegen. Mehr Informationen über diesen Codec findet man in der großen [http://de.wikipedia.org/wiki/Theora Wikipedia] | ||
== Beispiel == | |||
Folgender Quelltext kann ein Video darstellen: | |||
<source lang="html4strict"> | |||
<html> | |||
<head></head> | |||
<body> | |||
<video src="http://medien.alexander-kluge.de/videos/Testfilm.ogg" preload="none" | |||
width="320px" height="240px" poster="http://medien.alexander-kluge.de/bilder/Braustuberl.jpg" | |||
controls="controls"> | |||
</body> | |||
</html> | |||
</source> | |||
== Nützliches Zusatzmaterial == | == Nützliches Zusatzmaterial == | ||
[http://http://tinyvid.tv/ Verschieden Videos im ogg-Format] | [http://http://tinyvid.tv/ Verschieden Videos im ogg-Format] | ||
Aktuelle Version vom 3. Juli 2012, 19:55 Uhr
Mit dem HTML 5.0-Standard lassen sich jetzt Video und Audio-Inhalte direkt im Browser ohne eines speziellen Streamingservers darstellen. Die großen Vorteile sind dabei:
- Keine Zusätzliche Software für die Webseite
- Weniger Serverlast
- Verschiedene Qualitätsstufen, die der Browser wählen kann
- Keine zusätzlichen PlugIns im Browser benötigt
Dafür benötigt man aber einen Browser, der das HTML-Tag <video> versteht. Zur Zeit sind das:
- Firefox seit 3.6
- Opera
- Google Chrome bzw. Iron
- Safari mit PlugIn XiphQT
und die Videos müssen im Ogg-Theora-Format vorliegen. Mehr Informationen über diesen Codec findet man in der großen Wikipedia
Beispiel
Folgender Quelltext kann ein Video darstellen:
<html>
<head></head>
<body>
<video src="http://medien.alexander-kluge.de/videos/Testfilm.ogg" preload="none"
width="320px" height="240px" poster="http://medien.alexander-kluge.de/bilder/Braustuberl.jpg"
controls="controls">
</body>
</html>
