Wer schweigt, spricht unklar.
5 INFOS  HTML MEDIEN   
MM.WEB.
FOT GR.
BILDBEARB.
PHOTOSH.
FOTOGR.
ANIMATION
VID.TV
PREM.PRO
AUDIO
EDV IT
KOMMUNIKATION
HARDWARE
SOFTW.INF.
SOFTWARE
OFFICE
WORD
EXCEL
POWERPOINT
HTML
PHP MYSQL
PHP
DREAMWEAVER
BUSINESS WIRTSCHAFT
MUSIK
Links/Seite: Suchen im aktuellen Thema:
Sortieren nach: steigend Stichwort fallend  steigend Thema(Code) fallend   steigend Reihung fallend  Aktueller ausgewählter Code:
4ho  
Thema Frage Mehr... Anklicken
Thema auswählen: MULTIMEDIA WEBDESIGN HTML MEDIEN
Frage 917
HTML 5, Medien, <video>, Video einbetten, automatisch abspielen (autoplay)
MULTIMEDIA WEBDESIGN HTML  MEDIEN Medien: <video> - automatisch abspielen
In HTML 5 können Videos mit Hilfe des Tags <video> und mit dem Attribut autoplay automatisch abgespielt werden
Siehe auch -> Medien: <video> - minimaler Quellcode ohne Bedienelemente

Beispiel 3:
<video width="320" height="180" autoplay>
<source src="Volleyball320x180.mp4" type="video/mp4">
<source src="Volleyball320x180.ogv" type="video/ogg">
Ihr Browser versteht HTML5 nicht.
</video>
Ohne "autoplay" wird das Video nicht automatisch abgespielt. Das Attribut "autoplay" benötigt keine Werte, sein Vorhandensein bewirkt den automatischen Start des Videos.
Das Video in Zeile 2 im H.264 Codec wird von Google Chrome, Internet Explorer und Safari verstanden, das Video in Zeile 3 im Ogg Theora Codec (freier Codec) von Firefox.
-> Video-Test mit kleiner Datei in geringer Qualität auf eigener Seite
Thema auswählen: MULTIMEDIA WEBDESIGN HTML MEDIEN
Frage 913
HTML 5, Medien, <video>, Video einbetten, minmaler Quellcode ohne Bedienelemente
MULTIMEDIA WEBDESIGN HTML  MEDIEN Medien: <video> - minimaler Quellcode ohne Bedienelemente
In HTML 5 können Videos mit Hilfe des neuen Tags <video> wesentlich einfacher eingebettet und abgespielt werden als in früheren HTML-Versionen. Es werden keine zusätzlichen Plug-ins und Add-ons benötigt, Allerdings muss der Browser den Codec des abzuspielenden Videos unterstützen. Derzeit werden zwei Video-Codecs favorisiert : Ogg (lizenzfrei, Dateieendung "ogv", type="video/ogg") und H.264 (Dateieindung "mp4", type="video/mp4").
Minimal ist zwischen den Tags <video> und </video> die Videodatei als Source ("Quelle") und der Codec-Typ ("type=...") anzugeben. Zu empfehlen ist auch die Breite und Hohe des Videoframes in Pixel als Attribute ind den Video-Tag zu schreiben.

Beispiel 1:
<video>
<source src="Volleyball480x270.mp4" type="video/mp4">
</video>

Das sind minimale Angaben, wobei der HTML5-fähige Browser in der Regel die Framegröße des Videos ermittelt und ohne Kontrolleiste abspielt, wenn mit der rechten Maustaste auf den Eintrag "Start" des Kontextrmenüs geklickt wird.

Beispiel 2:
<video width="480" height="270">
<source src="Volleyball480x270.mp4" type="video/mp4">
<source src="Volleyball480x270.ogv" type="video/ogg">
Ihr Browser ist zu alt und versteht HTML 5 nicht!
</video>

Innerhalb des Tags <video> ist hier auch die Breite und Höhe des Videoframes (480 x 270 Pixel) angegeben. Der Browser spielt das erste Video, das er decodieren kann, ab (2. und 3. Zeile). In der vorletzten Zeile steht eine Botschaft an alle alten Browser, die HTML 5 noch nicht verstehen.
Thema auswählen: MULTIMEDIA WEBDESIGN HTML MEDIEN
Frage 918
HTML 5, Medien, <video>, Video einbetten, mit Bedienelementen (Kontrollleiste), (controls)
MULTIMEDIA WEBDESIGN HTML  MEDIEN Medien: <video> - Quellcode mit Bedienelementen
In HTML 5 können Videos mit Hilfe des neuen Tags <video> mit und ohne Bedienelementen (Kontrollleisten) einfacher angezeigt und abgespielt werden als in früheren HTML-Versionen. Durch das Attribut "controls" im Tag <video> werden die Bedienelemente aktiviert und angezeigt. Die Darstelllung und Verhaltensweise dieser Kontrolleiste ist in jedem Browser anders.

Beispiel 4:
<video width="320" height="180" controls>
<source src="Volleyball320x180.mp4" type="video/mp4">
<source src="Volleyball320x180.ogv" type="video/ogg">
Ihr Browser versteht HTML5 nicht.
</video>

Das Attribut "controls" benötigt keine Werte. Beispiel für Darstellung und Verhalten der Bedienleiste:
[1] Google Chrome: Kontrolleiste wird am Anfang und am Ende und beim Darüberfahren mit dem Zeigegeätt angezeigt
[2] Microsoft Internet Explorer: Kontrolleiste wird am Anfang nicht angezeigt, jedoch beim Darüberfahren mit dem Zeigegeät eingeblendet
[3] Mozilla Firefox: Kontrolleiste wird am Anfang und am Ende und beim Darüberfahren mit dem Zeigegeätt angezeigt,
[4] Apple Safari: Kontrolleiste wird am Anfang und am Ende und beim Darüberfahren mit dem Zeigegeätt angezeigt
Thema auswählen: MULTIMEDIA WEBDESIGN HTML MEDIEN
Frage 31
HTML, Medien, <object >, <embed >, Grundlagen
MULTIMEDIA WEBDESIGN HTML  MEDIEN Medien: <object> und <embed>
Medien, vor allem Video- und Audio-Dateien werden in den meisten Fällen mit dem Tags <object> und <embed> in eine HTML-Datei eingebunden. Damit Medien präsentiert werden können, muss der Browser selbst in der Lage sein, diese Medien abzuspielen, oder es muss ein Zusatzprogramm, ein Plug-In, das diese Medien interpretieren kann, installiert sein. Der MS Internet-Explorer und andere Browser interpretieren die Angaben, in der Regel ActiveX-Steuerelemente, innerhalb des Tags <object>...</object>, während Firefox und andere Browser die Angaben im Tag <embed> auslesen.
Damit alle Browser die Medien (Videos, Audio-Dateien) abspielen können, kann der Tag <embed> innerhalb des Tags <object> eingebettet werden:
<object ...>
...
<embed ...>
</object>

Thema auswählen: MULTIMEDIA WEBDESIGN HTML MEDIEN
Frage 33
HTML, Medien, <object>, <embed>, Video, Mindestangaben
MULTIMEDIA WEBDESIGN HTML  MEDIEN Medien: <object> und <embed>: Mindestangaen
Um ein Video in möglichst allen Browsern abspielen zu können sind außer den beiden Tags <object> und <embed> folgende Angaben und Attribute mindestens erforderlich:
Attribute im Tag <object>:
[1] classid= Angabe des ActiveX-Elements (zB für den Windows-Media-Player);
[2] width= und height= Angabe der Breite und Höhe des Videos;
Parameter im Tag <object>:
[3] <param name="Filename" value= Angabe der Video-Datei, erforderlichenfalls mit Pfadangabe;
Attribute im Tag <embed>:
[4] src = Angabe der Video-Datei, erforderlichenfalls mit Pfadangabe;
[5] width= und height= Angabe der Breite und Höhe des Videos;
Es gibt eine große Anzahl von weiteren Attributen und Parametern. Werden keine weiteren angegeben, werden bestimmte Vorgaben ausgeführt: Das Video wird mit einer Steuerleiste angezeigt und automatisch gestartet.

Beispiel:
object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" width="176" height="144">
<param name="Filename" value="video01.wmv" />
<embed src="video01.wmv" width="176" height="144" />
</object>

Seite 1 erste
schließen