YouTube Instagram Vimeo RSS VIDEOAKTIV

Internetvideo

Unbenanntes Dokument Videos in die eigene Web-Seite integrieren - ErgĂ€nzung zum Artikel "Video im Internet" in der VIDEOAKTIV 02/200. Auch die meisten Schnittprogramme bieten den Export in Web-taugliche Formate wie QuickTime, Windows Media und RealMedia. Möchte der Web-KĂŒnstler die Filme nur zum Download anbieten, kann er prinzipiell auch jeden anderen Codec in Kombination mit dem AVI-Format nutzen. Die eigentliche Schwierigkeit besteht darin, die Videodaten interaktiv ins Web-Design einzubinden, sodass sie direkt im Browser ablaufen.
 

Die meisten HTML-Editoren bieten die Möglichkeit, Webseiten grafisch zu gestalten. In der Praxis lĂ€sst sich das vergleichen mit dem Entwurf eines Briefs im Textprogramm „Word". Bilder in gĂ€ngigen Formaten zieht der Web-KĂŒnstler einfach aus dem Explorer in das Bearbeitungsfenster –
es erscheint dann an dieser Stelle. Mit Videos klappt das meist nicht.
Um solchen Probleme vorzubeugen, bieten HTML-Editoren wie „Dreamweaver" eine Quelltextansicht. Mit dem Quelltext- Editor lĂ€sst sich der HTML-Code direkt bearbeiten. Das ist so Ă€hnlich wie Briefe mit dem Notepad schreiben: wenig komfortabel – aber es geht.


Eingemachtes:

Im HTML-Quelltext stellt der embed-Befehl die einfachste Methodedar, um Videos in eine Web-Seite einzubetten. Dennoch treten je nachgewÀhltem Format KompatibilitÀtsprobleme auf. Einzig QuickTimebereitete in diesem Punkt keine Probleme, weshalb VIDEOAKTIV dasBeispiel mit einer MOVDatei erlÀutert.

Die Funktionsweise des HTML-Befehls embed ist relativ simpel underfordert fĂŒr Video außer der Angabe der Quelldatei noch die GrĂ¶ĂŸe inBreite und Höhe sowie den MIME-Typ. Er teilt dem Browser mit, umwelches Video es sich handelt. Im Kasten „MIME-Typen" (wo steht der?)finden Web-Nutzer eine Übersicht der gĂ€ngigen Video-Varianten.

 

Klassisch
(Ehemaliger Standard)

<embed src="/video.mov" type="video/quicktime" width="320" height="240"></embed>

(fm)
*.mpg video/mpeg
*.wmv video/x-ms-wmv
*.mov video/quicktime
*.rm audio/x-pn-realaudio-plugin
*.avi video/x-msvideo
Die wichtigsten MIME-Typen fĂŒr Video im Web. Eine vollstlĂ€ndige Übersicht finden Sie im Internet auf selfhtml.org.



Die Zeile sorgt dafĂŒr, dass der Film "video.mov" im Browser-Fenster mit einer Auflösung von 320 mal 240 Pixel angezeigt wird. Der MIME-Typ sagt dem Browser, dass das QuickTime-Plug-in von Apple den Film abspielen soll. Die ErgĂ€nzung autoplay=“false“ verhindert den automatisch Start des Videos. Auch MPEG-Videos spielt das QuickTime- Plug-in ab, wenn es denn installiert ist. Hier zeigt QuickTime aber eine Abspielsteuerung, sofern dies per controls="false" nicht unterbunden wird. Das SeitenverhĂ€ltnis bleibt dabei erhalten, links und rechts vom Bild bleibt aber ein schwarzer Balke

Im Beispiel enthĂ€lt die Code-Zeile noch den Parameter autostart="false", um das automatische Abspielen zu verhindern. Der Wert fĂŒr den Parameter "height" ist zusĂ€tzlich um 15 auf 255 Pixel erhöht, damit Platz fĂŒr die Abspielsteuerungen bleibt. Diese können mit dem Parameter controls="false" ausgeblendet werden.

Der in die Tage gekommene "embed"-Tag ist aus den neueren HTML-Spezifikationen entfernt worden und soll durch das "object"-Tag ersetzt werden. Bis die Browser den Tag aber tatsÀchlich nicht mehr interpretieren können, wird wohl noch einige Zeit verstreichen.

Falls das zum Abspielen notwendige Plugin nicht auf dem System installiert ist, schafft der Parameter "pluginspage" Abhilfe. Damit ist es möglich, dem Browser mitzuteilen, unter welcher Adresse das zum Abspielen benötigte Plugin zu finden ist. FĂŒr QuickTime lautet der vollstĂ€ndige Prameter dann so: pluginspage="http://www.apple.com/quicktime/download/"


Modern

(Aktueller Standard)

<object width="320" height="240">
<param name="src" value="video.mov>
</object>

Das "object"-Tag stellt die modernere Methode dar, Videos in Webseiten zu integrieren. Die prinzipielle Funktionsweise ist dem "embed"-Tag recht Àhnlich, wie die Code-Zeile oben zeigt.

Der wesentliche Vorgteil gegenĂŒber dem "embed"-Tag ist, dass sich mit dem "param"-Tag weitere Parameter ĂŒbergeben lassen. die können zwar auch im "object"-Tag stehen, ausgesondert sorgen die Parameter aber fĂŒr mehr Übersicht und FlexibilitĂ€t.

Eine zusÀtzliche Zeile vor </object> verhindert, dass das Video automatisch abgespielt wird:

<param name="autoplay" value="flase">

Auch hier ist die Höhenangabe wegen der angezeigten Abspielsteuerung um 15 Pixel erhöht. Die Anzeige der Abspielsteuerung lĂ€sst sich auch mittels Parameter unterdrĂŒcken:

<param name="controller" value="false">

Scheinbar hat der Internet Explorer Probleme mit dem Einhalten von Standards, weshalb der IE so eingebundene Videos offensichtlich nicht erkennt. Abhilfe schafft, "object" und "embed" zu kombinieren:


<object width="320" height="240">
<param name="src" value="video.mov">
<embed src="/video.mov" type="video/quicktime" width="320" height="240"></embed>
</object>


Inkompatibel

(Microsoft-Standard)


<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="320" height="240">
<param name="src" value="video.mov">
</object>

 

 

 

 

 

 

 

Ein dritter, nicht standardisierter Weg, Video in HTML einzubiden, funktioniert nur mit dem Internet Explorer. Bei ĂŒber 60 Prozent Marktanteil mag das dem einen oder anderen fĂŒr seine private Homepage genĂŒgen, weshalb wir es hier ebenfalls erwĂ€hnen. Linux und MacOS-User bleiben außen vor, genauso wie Windows-Nutzer mit alternativen Browsern, wie etwa Mozilla Firefox.

Um der InkompatibilitÀt einen Rigel vorzuschieben kann auch hier der "embed"-Tag wie im vorigen Beispiel eingebunden werden. Damit sollte es dann mit den meisten Browsern funktionieren.

Der Microsoft-Weg verlĂ€uft dabei ĂŒber die sogenannte "classid", die dem Browser mitteilt, welcher (Windows-)Player zum abspielen der Datei veranwortlich ist. Die Angabe des Players ersetzt dabei die Angabe des MIME-Typs und ist wegen der cryptischen Player-IDs wenig durschaubar.

Ähnlich der "pluginspage"-Funktion des "embed"-Tags, funktioniert der "codebase"-Parameter. Damit ĂŒbermittelt ist der Browser in der Lage, ein fehlendes Plugin nachzuinstallieren. Der Parameter muss dabei im "object"-Tag stehen:

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="320" height="255">

Rechtliches

Die wichtigsten Class-IDs im Überblick
Real Player clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA
Windows Media Player clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95
Quicktime clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B
Es sei noch einmal darauf hingewiesen, dass Videos, die sie im Internet veröffentlichen, keine geschĂŒtzte Musik enthalten sollten. Ohne die entsprechenden Lizenzen können teurer Abmahn-Verfahren auf sie zukommen und die entsprechenden Lizenzen fĂŒr den Privatgebrauch zu erwerben ist schwierig und teuer.
Verwenden sie daher lieber ungeschĂŒtzte Musik in ihren Video-Clips.

Â