HTML and CSS Reference
In-Depth Information
Bild 2.34:
Richtig erkannt: Safari für
iOS 4.0 unterstützt H.264, aber nicht Theora.
Über den Button
Video buffern
wird die JavaScript-Funktion
movie.load()
aufgerufen,
die das Video in den Speicher lädt. Ohne die Seite komplett neu zu laden, wird der aktu-
elle Ladestatus oberhalb des Videos in Prozenten angezeigt. Die Funktion
movie.
play()
ruft bei iPod touch und iPhone den Standardmedienplayer auf und beginnt
damit, das Video abzuspielen. In einem Desktop-Browser wie beispielsweise Chrome
wird das Video in der angegebenen Größe direkt im Browserfenster abgespielt. Dort
ergibt dann auch die Verwendung von
movie.pause()
mehr Sinn, da damit das
Abspielen des Films im Browserfenster unterbrochen werden kann.
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Videoplayer</title>
<meta content "minimum scale 1.0, width device width, maximum
scale 0.6667, user scalable no" name "viewport" />
<meta name "layout" content "webkit" />
<link href "css/style.css" rel "stylesheet" media "screen"
type "text/css" />
<script src "javascript/functions.js" type "text/javascript"></script>
<script>
(function my() {
var $i {};
$i.init function()
{
var detectionNode, msg '', formats, pos, audio;
detectionNode document.getElementById('detection');
if(!$i.hasVideo())
msg + 'Video Tag wurde NICHT erkannt<br/>';
else
{
msg + 'Video Tag wurde erkannt<br/>';
