HTML Embed Multimedia


Advertisements

Manchmal müssen Sie Musik oder Videos in Ihre Web-Seite hinzufügen. Der einfachste Weg um hinzufügen Video oder Ton zu Ihrer Website ist zu umfassen den speziellen HTML-Tag namens <embed>. Dieses Tag bewirkt dass der Browser selbst zu umfassen auf die Kontrollen für die Multimedia automatisch vorgesehen Browser Stützen<embed> Tag und gegeben Medientyp.

Sie können auch umfassen ein <noembed> Tag für den Browser, die das nicht erkennen<embed> tag. Sie könnten ,zum Beispiel verwenden<embed> einen Film Ihrer Wahl anzuzeigen, und<noembed> um anzeigen ein einzelnes JPG Bild , wenn Browser unterstützt kein <embed> tag.

Beispiel

Hier ist ein einfaches Beispiel, um eine eingebettet MIDI-Datei abspielen:

<!DOCTYPE html>
<html>
<head>
<title>HTML embed Tag</title>
</head>
<body>
<embed src="/de/html/yourfile.mid" width="100%" height="60" >
   <noembed><img src="/de/html/images/yourimage.gif" alt="Alternative Media" ></noembed>
</embed>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

<img src="/assets/how_codex/images/detail/de/html/images/html.jpg" alt="Alternative Media">

Sie können jede Mediendatei im src-Attribut legte. Sie können versuchen es selbst durch verschiedene Arten von Dateien .

Die <embed> Tag Attribute

Es folgt die Liste der wichtigsten Attribute, die mit verwendet werden kann; <embed> tag.

Attribut Beschreibung
alignbestimmt , wie das Objekt auszurichten. Es kann sein set zu entweder Mitte, links oder rechts .
autostartDieser boolesche Attribut zeigt, wenn die Medien sollte automatisch starten. Sie können es entweder wahr oder falsch eingestellt.
loopGibt an, ob der Ton sollte gespielt kontinuierlich(set schleife bis true), eine bestimmte Anzahl von Malen (ein positiver Wert) oder gar nicht gar (false)
playcountGibt die Anzahl der Male, um den Ton zu spielen. Das ist alternative Option für loop wenn Sie unter Verwendung IE werden.
hiddenGibt an, ob die Multimedia-Objekt sollte auf der Seite angezeigt. Ein falscher Wert bedeutet keine und wahren Werte bedeutet, ja.
width Breite des Objekts in Pixel
heightHöhe des Objekts in Pixel
nameEin Name verwendet werden, um das Objekt zu verweisen.
srcURL des Objekts, das eingebettet werden.
volume Steuerung Lautstärke des Tons. Kann von 0 (aus) bis 100 (volle Lautstärke).

Unterstützte Videotypen

Sie können verschiedene Medientypen wie Flash-Filme (SWF), AVIs (avi) und MOV (MOV) Dateitypen innerhalb embed-Tag. .

  • .swf files - sind die Dateitypen erstellt von Macromedia Flash-Programm
  • .wmv files - sind Media Video-Dateitypen von Microsoft Fensters
  • .mov files - sind Apples Quick Time Movie-Format
  • .mpeg files -sind Film-Dateien von der Moving Pictures Expert Group
<!DOCTYPE html>
<html>
<head>
<title>HTML embed Tag</title>
</head>
<body>
<embed src="/de/html/yourfile.swf" width="200" height="200" >
   <noembed><img src="/de/html/images/yourimage.gif" alt="Alternative Media" ></noembed>
</embed>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

<img src="/assets/how_codex/images/detail/de/html/images/html.jpg" alt="Alternative Media">

Hintergrund-Audio

Sie können HTML benutzen <bgsound> Tag, um einen Soundtrack im Hintergrund Ihrer Webseite spielen. Dieser Tag ist durch unterstützt Internet Explorer nur und die meisten anderen Browser ignorieren Sie diesen Tag . Es lädt und spielt eine Audiodatei, wenn die Host-Dokument wird zunächst durch den Benutzer heruntergeladen und angezeigt. Die Hintergrund-Sounddatei wird auch Replay, wenn der Benutzer den Browser aktualisiert.

Dieser Tag wird mit nur zwei Attributeloop und src.Beide Eigenschaften haben die gleiche Bedeutung, wie oben erläutert.

Hier ist ein einfaches Beispiel, um eine kleine MIDI-Datei zu spielen:

<!DOCTYPE html>
<html>
<head>
<title>HTML embed Tag</title>
</head>
<body>
<bgsound src="/de/html/yourfile.mid">
   <noembed><img src="/de/html/images/yourimage.gif" ></noembed>
</bgsound>
</body>
</html>

Dies wird leeren Bildschirm zu produzieren. Diese Markierung Display nicht jeder Komponente und verborgen bleibt.

<img src="/assets/how_codex/images/detail/de/html/images/html.jpg" alt="Alternative Media">

Internet Explorer kann auch verarbeiten nur drei verschiedene Sound-Format-Dateien : wav, das native Format für PCs; au, das native Format für die meisten Unix-Workstations; und MIDI, eine universelle Musik-Codierungsschema.

HTML Object tag

HTML 4 stellt die <object> Element, das eine Allzweck-Lösung für generische Objekt Einbeziehung bietet. <objekt> Element erlaubt HTML-Autoren zu angeben alles von einem Objekt für seine Präsentation benötigt einem User-Agent

Hier sind einige Beispiele

Biespiel - 1

Sie können ein HTML-Dokument in ein HTML-Dokument einbetten sich wie folgt:

<object data="data/test.htm" type="text/html" width="300" height="200">
  alt : <a href="data/test.htm">test.htm</a>
</object>

Hier alt -Attribut wird ins Bild kommen, wenn der Browser nicht unterstützt objekt tag.

Biespiel - 2

Sie können ein PDF-Dokument in ein HTML-Dokument einbetten, wie folgt:

<object data="data/test.pdf" type="application/pdf" width="300" height="200">
  alt : <a href="data/test.pdf">test.htm</a>
</object>

Beispiel - 3

Sie können angeben Einige Parameter verwandten um das Dokument mit dem <param> tag. Hier ist ein Beispiel, um eine wav-Datei einbetten:

<object data="data/test.wav" type="audio/x-wav" width="200" height="20">
  <param name="src" value="data/test.wav">
  <param name="autoplay" value="false">
  <param name="autoStart" value="0">
  alt : <a href="data/test.wav">test.wav</a>
</object>

Biespiel - 4

Sie können hinzufügen eine Flash-Dokument wie folgt hinzu:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="penguin" 
   codebase="someplace/swflash.cab" width="200" height="300">
   <param name="movie" value="flash/penguin.swf" />
   <param name="quality" value="high" />
   <img src="penguin.jpg" width="200" height="300" alt="Penguin" />
</object>

Biespiel - 5

Sie können ein Java-Applet in HTML-Dokument hinzuzufügen, wie folgt:

<object classid="clsid:8ad9c840-044e-11d1-b3e9-00805f499d93" 
   width="200" height="200">
   <param name="code" value="applet.class">
</object>

Die classid Attribut identifiziert welche Version von Java-Plug-in zu nutzen. Sie können die optionale Verwendungcodebase Attribut zu angeben, ob und wie man die JRE herunterladen.

Advertisements