Startseite Skripte für das Wintersemester 2017/18 Webdesign Sketch, Selektoren, Box Model, Multimedia Einbinden von Video in HTML5


Einbinden von Video in HTML5

width = Breite des Films
height = Höhe des Films
controls = Steuerelemente (Play, Stop usw.) werden dargestellt
autobuffer = läd den Film schon mal vor, damit dieser gleich losspielen kann…
poster = Vorschaubild, kann man selber erstellen und dann festlegen – Pfadangaben beachten!

autoplay = der Film fängt sofort von alleine an zu spielen – bitte nicht einbauen!

HTML

<!-- „poster“ ist ein Vorschaubild, das man selber festlegen kann! -->
<video controls width="640" height="360" autobuffer poster="video/popeye_shuteye_popeye.jpg">
    <source src="video/popeye_shuteye_popeye.mp4" type="video/mp4">
</video>

Demo

Filmquelle: https://archive.org/details/popeye_shuteye_popeye