HTML and CSS Reference
In-Depth Information
controls
poster "poster.jpg"
/>
</body>
</html>
Gleich nach dem Laden der Seite wird das Posterbild anstelle der schwarzen Box ange-
zeigt. Für den Benutzer sieht es so aus, als sei das Video gleich verfügbar und müsste
nicht erst noch geladen werden. Nach dem Antippen wird wieder der Standardplayer
aufgerufen. In der Zeit zwischen dem Laden des Posterbilds auf der Webseite und dem
Aufrufen des Players sollte schon so viel Zeit vergangen sein, dass hier auf jeden Fall
bereits der erste Frame angezeigt werden kann.
Bild 2.30:
Anzeige des
Posterbilds. Beim Antippen
wird der Standardplayer
geladen.
•
width
=" - Anzahl der Bildpunkte oder Prozentwert"
•
height
=" - Anzahl der Bildpunkte oder Prozentwert" (nur für
video
-Tag)
Mit diesen Werten kann die Wiedergabegröße des Videos bestimmt werden, zumindest
wenn das Video nicht auf einem kleinen Bildschirm wiedergegeben wird. Wir erinnern
uns: Bei vielen mobilen Geräten werden Videos nicht im Browser, sondern im Stan-
dardmedienplayer wiedergegeben. Werden die
width
- und
height
-Attribute nicht ver-
wendet, wird, wie in den Abbildungen oben dargestellt, eine schwarze Box von mindes-
tens 300 x 150 Bildpunkten auf iPhones oder iPod touch-Geräten angezeigt.
Wichtig ist auch zu bemerken, dass die Angabe der Breite (
width
) und Höhe (
height
)
im
video
-Tag nicht das Verhältnis ändert, mit dem das Video aufgezeichnet oder kon-
vertiert wurde. Sie können nicht aus einem 4:3-Video mittels dieses Attributs ein
schickes 16:9-Video zaubern.
<!DOCTYPE html>
<html>
<head>
<title>Einfacher Videoplayer</title>
</head>
