Verwendung des embed-Elements
embed ist ein altes Element
- Sie sollten für Bilder
<img>- Element benutzen. - Für HTML sollten Sie
<iframe>- Element benutzen. - Video und Audio - benutzen Sie besser
<video>und<audio>- Element.
Obwohl <embed> nicht im HTML-Standard enthalten ist, unterstützen die meisten Browser weiterhin <embed> in ihren Web-Browsern. <embed> wird auf vielen Webseiten benutzt.
Die Syntax für die Verwendung von
<embed> ist einfach:
<embed attributes />
Bitte beachten Sie die das abschließende Tag, das fakultativ ist.
Obwohl die Browser <embed> unterstützen, teilen sie leider nur eine Handvoll gemeinsamer Attribute. Der Vorteil dieser ganzen Sache aber ist, dass jeder Web-Browser die Attribute, die er nicht versteht, ignoriert, und es Ihnen dann offen steht, so viele Attribute wie Sie möchten, hinzuzufügen. Deshalb sollten Sie sich am besten eine ganze Reihe von Attributen beschaffen, die in jedem Fall funktionieren. Sie sollten diese Attribute auch gewissenhaft anwenden, während Sie die anderen Attribute zu "added value" hinzufügen.
Sehen wir uns einmal die Attribute an, die Sie unbedingt für die Verwendung des <embed>-Elements benötigen.
<embed src="movie.mp4" height="120" width="160" />
Das <src>-Attribut gibt den Pfad und den Namen der Mediendatei an, die Sie in Ihre Webseite einbetten möchten, während die hight- und width-Attribute die Größe im Browser-Fenster festlegen, in der die Mediendatei erscheinen soll.
Im Browser werden hight und width jeweils unterschiedlich angezeigt. Entweder werden die Media-Controls der entsprechenden Plugins immer angezeigt, während sie nie angezeigt werden. Wenn im Browser die hight- und width-Attribute festgelegt werden, so erhält man ein Video, das sich auch über den Bereich erstreckt, der für die Controls bestimmt ist. Das Video verdeckt also die Controls, und das ist äußerst problematisch. Das Festlegen von hight- und width auf die exakte Größe des Video-Anzeigenbereichs lässt das Video gestaucht aussehen, da die Controls Teile des Videos einfach einnehmen.
Manch einer möchte nun glauben, die Vergrößerung von hight- und width würde das Problem lösen; es würde mehr Platz geben, und so könnten die Controls und das Video in ihrer eigenen, richtigen Größe angezeigt werden. Manche Browser lassen dies aber nicht zu. Im manchen Browser werden die Videos nach den Werten der hight- und width-Attribute angezeigt, die Controls werden vollkommen ignoriert und das Ergebnis ist ein gedehntes, verzerrtes Bild.
<embed src="movie.mp4" type="video/x-msvideo" height="120" width="180" />
Es funktioniert, wenn Sie die hight- und width-Attribute nicht verwenden und den Browsern die Arbeit überlassen. Allerdings tut er dies nur im manchen Browsern. Im anderen zeigt er ein kleines Fenster für das Plugin an, das viel vom Video abschneidet.
Was kann man also tun?
Außer Ihre Hände verzweifelt über den Kopf zusammenzuschlagen, genervte Briefe an sämtliche Firmen zu schreiben oder Ihren Computer aus dem Fenster zu werfen, sollten Sie lieber noch folgende zwei Dinge tun:
Seien Sie einfach eiskalt und ignorieren Sie, wie Ihr Video in dem anderen Browser aussieht.
Verwenden Sie ein Script, um den Browsertyp des Besuchers zu ermitteln und verwenden Sie <embed>, dem Browser des Besuchers entsprechend.
Benutzen Sie die <object>-und <embed>-Elemente für bestimmte Dateitypen, um browserübergreifende Unterstützung zu erhalten.
Tabelle fasst die <embed>-Attribute zusammen, die vom Browsern unterstützt werden.
| Attribut | Beschreibung |
|---|---|
align |
Sie können gewünschte Elemente für Textabsätze auf Ihrer Webseite ausrichten. Folgende Angaben sind möglich: absbottom, absmiddle, baseline, bottom, left, middle, right, texttop und top. |
alt |
Der alternativ zur Grafik anzuzeigende Text. |
class |
Legt fest zu welcher Klasse in Bezug auf Cascading Style Sheets das Element gehört. |
height |
bestimmt die Höhe des Elements. |
hspace |
bestimmt den horizontalen Abstand zum Element. |
id |
Legt die ID (Identification) eines Elements fest. |
name |
Legt den Namen eines Elements fest. |
src |
Legt die Quelle der Mediendatei fest. |
style |
Legt die Style-Sheet-Eigenschaften fest. |
title |
Legt den Titel des Elements fest. |
units |
Definiert die Maßeinheit für die Attribute height oder width. Pixel sind die Standardeinheit für Maßeinheiten. |
vspace |
Bestimmt den vertikalen Abstand zum Element. |
width |
Bestimmt die Anzeigebreite des Elements. |
type |
Bezeichnet den Mime-Type der eingebundenen Datei. |
pluginspace |
Bestimmt eine URL im Internet, die Installationshinweise für ein Plugin enthält, das die eingebundene Multimedia-Datei anzeigen bzw. abspielen kann. |
pluginurl |
Die URL der Java-Archivdatei (JAR). |
border |
Bestimmt die Breite des Rahmens eines Elements. |
frameborder |
Falls der Wert dieses Attributs no ist, wird kein Rahmen um das Element herum angezeigt. |
hidden |
Bei true wird ein Element nicht angezeigt, bei false wird es angezeigt. false ist die Standardeinstellung. |
hspace |
Bestimmt den horizontalen Abstand zum Element. |
palette |
Ist nur unter Windows relevant. Mit foreground benutzt das Plugin die Vordergrundpalette, während background das Plugin dazu zwingt, die eingestellten Hintergrundfarben zu benutzen. |
Zu diesen Attributen gibt es zusätzliche Attribute für spezifische Plugins, wie den Macromedia Flash-Player.
Schließlich können Sie das <noembed>-Tag hinzufügen, um die Besucher zu unterstützen, die keinen Web-Browser besitzen, der Plugins anzeigen kann.
<noembed>
This Web page requires a web browser that can display objects.
</noembed>
<embed src="movie.mp4" height="120" width="160" />