Video auf dem Web abspielen

Abhängig vom verwendeten HTML-Element können Videos "inline" oder durch eine Art "Assistent" wiedergegeben werden.

Inline-Videos (Inline Videos)

Wenn ein Video in der Webseite enthalten ist oder ein Teil der Webseite ist, wird es als Inline-Video bezeichnet.

Durch die Verwendung des <img>-Elements können Sie Inline-Videos zur Webseite hinzufügen.

Wenn Sie planen, Inline-Videos in Web-Anwendungen zu verwenden, müssen Sie klar sein, dass viele Menschen Inline-Videos sehr störend finden. Beachten Sie auch, dass einige Benutzer möglicherweise die Option für Inline-Videos in ihrem Browser deaktiviert haben.

Unser Rat ist es, Inline-Videos nur dort zu verwenden, wo der Benutzer Sound hören möchte. Zum Beispiel, wenn der Benutzer auf eine Schaltfläche klickt, um ein Video anzusehen, nachdem er die Seite geöffnet hat.

Verwenden Sie Assistenten (Plug-In, Plugin)

Assistenten-Programme sind Programme, die durch den Browser gestartet werden können, um den Browser bei der Wiedergabe von Videos zu "helfen". Assistenten-Programme werden auch als Plugins (Plug-Ins) bezeichnet.

Assistenten-Programme können durch die Verwendung des <embed>-Elements oder der <applet>- und <object>-Elemente gestartet werden.

Eine der großen Vorteile der Assistenten-Programme ist, dass sie es dem Benutzer ermöglichen, bestimmte Einstellungen des Players zu steuern.

Die meisten Assistenten-Programme erlauben es, die Lautstärke-Einstellungen sowie die Wiedergabefunktionen, wie z.B. Wiedergabe, Pause, Stop und Abspielen, manuell oder durch Programmierung zu steuern.

Verwenden Sie das <img>-Element

Internet Explorer unterstützt die dynsrc-Eigenschaft im <img>-Element.

Diese Elemente dienen dazu, Multimedia-Elemente in die Webseite einzubetten:

<img dynsrc="video.avi" />

Der obige Codeabschnitt setzt eine eingebettete AVI-Datei für die Webseite.

Anmerkung:Die dynsrc-Eigenschaft ist kein standardisiertes HTML- oder XHTML-Element. Nur Internet Explorer unterstützt diese Eigenschaft.

Verwenden Sie das <embed>-Element

Internet Explorer und Netscape unterstützen das <embed>-Element.

Diese Elemente dienen dazu, Multimedia-Elemente in die Webseite einzubetten:

<embed src="video.avi" />

Der obige Codeabschnitt setzt eine eingebettete AVI-Datei für die Webseite.

Sie finden die Eigenschaftsliste des <embed>-Elements im letzten Abschnitt dieses Tutorials.

Anmerkung:Internet Explorer und Netscape unterstützen das <embed>-Element, aber es ist kein standardisiertes HTML- oder XHTML-Element. Das World Wide Web Consortium (W3C) empfiehlt, das <object>-Element anstelle davon zu verwenden.

Verwendung des <object>-Elements

Internet Explorer und Netscape unterstützen das <object>-Element.

Diese Elemente dienen dazu, Multimedia-Elemente in die Webseite einzubetten:

<object data="video.avi" type="video/avi" />

Der obige Code-Abschnitt setzt eine eingebettete AVI-Datei in der Webseite fest.

Sie finden die Eigenschaftsliste des <object>-Elements in der letzten Lektion dieses Tutorials.

Verwendung von Verknüpfungen

Wenn eine Webseite eine Verknüpfung zu einer bestimmten Mediendatei enthält, verwenden die meisten Browser "Assistentenprogramme", um die Datei abzuspielen:

<a href="video.avi">Klicken Sie hier, um das Videodatei abzuspielen</a>

Der obige Code-Abschnitt legt eine Verknüpfung zu einer AVI-Datei fest. Wenn der Benutzer auf diese Verknüpfung klickt, startet der Browser ein Assistentenprogramm (z.B. Windows Media Player), um die AVI-Datei abzuspielen.