Information Technology Reference
In-Depth Information
Um sicherzustellen, dass sich auch ältere Browser nicht an der neuen HTML5-
Syntax verschlucken, werden in diesem Beispiel die Elemente
head
und
body
eingebaut.
<!DOCTYPE html>
<html>
<head>
<title>mwEmbed Fallback</title>
<script type="text/javascript"
src="http://html5.kaltura.org/js" > </script>
</head>
<body>
<h1>mwEmbed Fallback</h1>
<video controls autoplay>
<source src='videos/mvi_2170.mp4' type='video/mp4'>
<source src='videos/mvi_2170.webm' type='video/webm'>
<source src='videos/mvi_2170.ogv' type='video/ogg'>
Ihr Browser kann das Video leider nicht anzeigen.
</video>
</body>
</html>
Die JavaScript-Bibliothek
mwEmbed
wird direkt von der Projektseite (
http://
html5.kaltura.org/js
) geladen und kümmert sich im Folgenden darum, auf
welche Art das Video abgespielt werden kann. In jedem Fall wird eine kleine
Steuerungsleiste am unteren Ende des Videos angezeigt. In Abbildung 4.7 ist
zu sehen, wie der Internet Explorer 8, der das HTML5-Element
video
noch nicht
kennt, darauf reagiert: Um das Ogg-Video abzuspielen, wird das Java-Applet
Cortado
geladen.
Wenn Java-Applets als Ersatz für natives Video im Browser Sie nicht glücklich
machen, können Sie auf die
html5media-
Bibliothek zurückgreifen.