QuickTime-Video in HTML mit embed-Elements

QuickTime mit embed-Element in Webseiten mit HTML

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.

In der Übung werden sie nun versuchen, QuickTime-Movies in Ihre Webseite einzubetten. QuickTime ist ein von Apple entwickeltes Format. Videos dieses Formats sind vor allem bei Macintosh-Benutzern relativ bekannt.

Apple zufolge sollten Sie das <embed>-Element benutzen, um QuickTime-Movies in Ihre Webseite einzubetten. Apple ist ein gutes Beispiel für ein Unternehmen, das einen Multimedia-Dateityp veröffentlicht, der Ihnen zusätzliche Attribute zur Verfügung stellt.

Der Code für eine einfache Webseiten-Schablone könnte wie folgt aussehen:


<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/transitional.dtd">
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=ISO-utf-8" />
	<title></title>
</head>
<body>
</body>
</html>

Geben Sie Ihrer Seite nun einen Titel und fügen Sie ein <div>-Tag hinzu, um die Elemente auf Ihrer Seite zentrieren zu können.

Fügen Sie als Nächstes eine Überschrift hinzu, die den Titel des Videos und das Video selbst ungefähr beschreiben.


<div align="center">
<h1>
	HTML-Multimedia einbinden
</h1>
<p>
	Einbetten eines QuickTime-Movies
</p>
</div>

Jetzt ist es an der Zeit, das Video selbst hinzuzufügen. Beginnen Sie mit dem <embed>-Element (stellen Sie es unter den Videotitel) und geben Sie die Quelle und die Anzeigengröße Ihres Videos an. Denken sie daran, diese Attribute sind notwendig.


<embed src="movie.qt" width="160" height="136">

In dieser Übung werden Sie eine ganze Reihe von Attributen hinzufügen (nähere Beschreibung der Attribute erfolgt später). Fügen Sie diese unter hight, also der Höhe des Videos ein. Vergessen Sie nicht das abschließende <embed>-Element, nachdem Sie das letzte Attribut hinzugefügt haben.


autoplay="false"
	controller="true"
	kioskmode="true"
	dontflattenwhensaving
	pluginspage="https://support.apple.com/de_DE/downloads/quicktime" />

OK. Und um zu sehen, ob dies nun funktioniert, testen Sie dies mit Hilfe Ihres Web-Browsers. Wenn Sie mit dem Ergebnis zufrieden sind, fügen Sie ein letztes Element in Ihre Webseite ein, das anzeigt, wo das - eventuell benötigte - QuickTime-Plugin erhältlich ist. Da es sich um das letzte Element auf Ihrer Webseite handelt, vergessen Sie nicht das abschließende <DIV>-Tag.


<p>
	Apple <a href="https://support.apple.com/de_DE/downloads/quicktime">QuickTime</a> is required to view this movie. <a href="https://support.apple.com/de_DE/downloads/quicktime">
	<img src="getquicktime4.gif" border="0" align="absmiddle" width="88" height="31" /></ a>
</P>

Wenn nun alles kombiniert wird, sieht die Quelldatei für Ihre Webseite folgendermaßen aus:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=ISO-utf-8" />
	<title>HTML-Lernen - Grundlagen und Tutorials</title>
</head>
<body>
<div align="center">
	<h1>
		HTML-Multimedia einbinden
	</h1>
	<p>
		Einbetten eines QuickTime-Movies
	</p>
		<embed src="movie.qt"
		width="160"
		height="136"
		autoplay="false"
		controller="true"
		kioskmode="true"
		dontflattenwhensaving
		pluginspage="https://support.apple.com/de_DE/downloads/quicktime" />
	<p>
		Apple <a href="https://support.apple.com/de_DE/downloads/quicktime">QuickTime</a> is required to view this movie. <a href="https://support.apple.com/de_DE/downloads/quicktime">
		<img src="getquicktime4.gif" border="0" align="absmiddle" width="88" height="31" /></ a>
	</p>
</div>
</body>
</html>

QuickTime-Movies in HTML mit embed-Elements

Tabelle fasst die Attribute zusammen, die QuickTime unterstützt.

Attribut	Beschreibung
`autoplay`	Bei `true` wird das Movie abgespielt, wenn das Plugin den Clip so einschätzt, dass er ohne auf weitere Daten zu warten abgespielt werden kann (`true` oder `false`).
`bgcolor`	Bestimmt die Hintergrundfarbe der Bereiche, die nicht vom Movie abgedeckt sind. QuickTime4 akzeptiert die 16 HTML Farbbezeichnungen, die von W3C definiert werden (eine Hexadezimalzahl).
`cache`	Der Browser speichert das Movie im Cache (=Pufferspeicher). So kann der Browser ein Movie aus dem Cache abspielen, ohne es noch einmal downloaden zu müssen.
`controller`	Bei `true` werden die Bedienelemente für das QuickTime-PlugIn angezeigt. In diesem Fall sollten Sie, sofern Sie das `height`-Attribut einsetzen, zur Moviehöhe 16 Pixel hinzufügen. (`true` oder `false`).
`correction`	Ist nur bei QuickTime VR anwendbar (`none` oder `full`).
`dontflattenwhensaving`	Speichert das Movie ohne flimmern (keine Werte).
`endtime`	Definiert den letzten Frame des Videos (Zeit in Stunden:Minuten:Sekunden:Frames).
`fov`	Bestimmt den Initialwinkel für QuickTime VR-Movies (setzen Sie einen Wert zwischen 8 und 64 ein).
`height`	Obligatorisch. Bestimmt die Anzeigenhöhe des Bereichs, in dem das Movie angezeigt werden soll. Wenn die QuickTime-Bedien-Elemente sichtbar sind, fügen Sie 16 Pixel zur Moviehöhe hinzu, um die erforderliche Höhe zu erreichen. (In Pixeln)
`hidden`	Versteckt das Movie und ist nur bei Background-Sound wirklich nützlich.
`hotspotn`	Ermöglicht Hotspots in einem VR-Panorama zu setzen, in dem n die Hotspot ID ist (URL).
`href`	Stellt eine Verknüpfung zu einer anderen Webseite oder einem anderen Movie (URL) her.
`kioskmode`	Bei `true` steht kein Pop-up-Menu für das Video zur Verfügung, und Sie können es auch nicht mit Hilfe der drag and drop-Funktion speichern (`true` oder `false`).
`loop`	Bei `true` wird das Video unendlich oft wiederholt. Bei `palindrome` wird das Movie abwechselnd vorwärts und rückwärts abgespielt (`true`, `false` oder `palindrome`).
`movieeid`	Eine Zahlen-ID (Integer)
`moviename`	Der Moviename (Text)
`node`	Erstellt den Initialnode für Multinode QuickTime VR Videos (Integer).
`pan`	Erstellt die Initialwinkel für Quicktime VR Movies (Integer von 0–360 Grad).
`playeveryframe`	Bei `true` werden Audiotracks ausgeschaltet, und jedes Movie-Frame muss abgespielt werden, selbst wenn dadurch die Framerate niedriger wird (`true` oder `false`).
`pluginspage`	Die URL zur QuickTime-Download-Seite. Sie sollten dies unter folgender Adresse einrichten: https://support.apple.com/de_DE/downloads/quicktime.
`qtextn`	Identifiziert die URL für ein Movie, das nach Ablaufen des Movies geladen und abgespielt werden soll. n kann ein Integer von 1 bis 255 sein und gibt den Index der URL in der Abspielliste anzeigen. nn ist der Index der nächsten qtext URL, der geladen werden soll (URL oder `gotonn`).
`qtsrc`	Zwingt einen Web-Browser, das QuickTime-Plugin zu verwenden. URL überschreibt den Wert des `src`-Attributs (URL).
`qtsrcchokespeed`	Spezifiziert die Datensequenz des Movies und lässt dabei die aktuelle Verbindungsgeschwindigkeit außer Acht (Zahl).
`scale`	`tofit` legt die Größe des Movies nach den Werten der `height` und `widht`-Attribute fest, `aspect` passt das Movie auf die Größe der Box an, wobei das Originalgröße des Movies beibehalten wird. Die Größe des Movies wird durch eine Zahl bestimmt (`tofit`, `aspect` oder eine Zahl).
`src`	Legt die URL des Movies fest (URL).
`starttime`	Legt den ersten Frame des Movies fest (Zeit in Stunden:Minuten:Sekunden:Frames).
`target`	Startet den QuickTime Player, der wiederrum das Movie abspielt. Zu diesem Zweck muss das `href`-Attribut erstellt werden (QUICKTIMEPLAYER).
`targetn`	Wird mit `hotspot` und `href` verwendet. Definiert das Ziel für Links, in denen das `hotspot`- und `href`-Attribut verwendet wird. Die Zahl `n` ist mit der `hotspot`-ID gleichzusetzen (Name eines gültigen HTML-Frame).
`targetcache`	Legt fest, dass das Movie, das von einem anderen Movie als Ziel definiert ist, gepuffert wird (`true` oder `false`).
`tilt`	Erstellt den Initialwinkel für QuickTime VR-Movies (Integer).
`type`	Definiert den MIME-Type des Movies. Wenn das Movie sichtbar ist und `height` und `width`-Werte besitzt, muss `type` hinzugefügt werden. Dieses Attribut wird vom neueren Versionen unterstützt (MIME-Type).
`volume`	Erstellt das Initialaudiovolumen. Defaulteinstellung ist 100 (Integer von 0 bis 100).
`width`	Erstellt die Breite des Anzeigenbereichs für den des Movies (in Pixeln).

QuickTime-Video in HTML mit embed-Elements

QuickTime mit embed-Element in Webseiten mit HTML

embed ist ein altes Element

Impressum

Datenschutz

Kontakt