HTML5 Video läuft nicht auf iPad, aber auf Safari, Firefox & co.

murzel

murzel

Mitglied
Thread Starter
Dabei seit
08.11.2007
Beiträge
91
Reaktionspunkte
2
Hallo.

Ich habe bei meiner Homepage das Intro (index.html) geändert. Bisher lief dort ein Flash-Film, jetzt habe ich folgenden Code eingefügt:

Code: 
<center>
<video width="480" height="320" autoplay controls>
<source src="http://www.friseur-michels.de/video/Collection2010.mp4" type="video/mp4">  
<source src="http://www.friseur-michels.de/video/Collection2010.ogg" type="video/ogg">  
</video>  
<div>
<a href=Ihr Browser unterstützt leider kein HTML5</a>
</center>
</div>

Im neuen Safari (mp4), Firefox (ogg),... läuft alles so wie ich es mir vorstelle. Aber auf dem iPhone bzw. iPad läuft das Video nicht. Was habe ich evtl. falsch gemacht?

Das Video liegt in folgendem Format (für Safari) vor:
h.264 / 480 x 320 / 25 FPS / AAC Audio.

Wenn ich das Video direkt aufrufe
http://www.friseur-michels.de/video/Collection2010.mp4
läuft der Film.

Liegt es an der Codierung?

Vielleicht kann mir jemand einen Tipp geben.
Danke
 
Zuletzt bearbeitet von einem Moderator:
Eventuell ist das hier das Problem.

On the iPad it will not load the video until a user starts an event this is by design of apple to prevent iPhone or iPad users from burning up their data plans. So you will not be able to do what you want sorry.
Zum Vergrößern anklicken....
 
Liegt warscheinlich an der MP4 Codierung.
Das hier funktioniert auf dem iPad:
<video width="480" height="320" autoplay controls>
<source src="http://www.visitmix.com/content/files/HTML5.mp4" type="video/mp4"> </source>
</video>
Zum Vergrößern anklicken....
 
Hm, dann muss es wohl an der Codierung liegen. Nochmal das Web durchforsten und nach genaueren Infos suchen.
 
Hallo,

würde mich auch interessieren.

Habe mein Video als .mp4 in h264 konvertriert und hochgeladen.
Safari zeigt an aber Safarie Mobile im IPhone leider nur den grauen Kasten.

Gibt es beim erstellen des Movie Files etwas besonderes zu beachten ?
 
Habs gerade in einem anderen Forum erfahren.
Die Auflösung macht den Unterschied.
Darf max. 640 x 480 sein sonst keine Anzeige auf IPhone !!!
 
Hallo zusammen,

hab ne Lösung gefunden. Mit dem Code spielt das iPhone oder iPad das Video automatisch ab.

<html>
<head>
<title>Getting Autoplay Working on iOS - Code Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
window.onload = function() {
var pElement = document.getElementById("myVideo");

setTimeout(function() {
pElement.load();

setTimeout(function() {
pElement.play();
}, 500);
}, 500);
};
</script>
</head>
<body>

<video id="myVideo" poster="http://codeblog.co/pages/movie-trailer.jpg" width="600" height="334" controls>
<source src="http://codeblog.co/pages/movie-trailer.m4v" type="video/mp4; codecs='avc1.42E01E, mp4a.40.2'">
</video>

</body>

</html>
Zum Vergrößern anklicken....


Einfach mal testen mit iPhone oder iPad : http://www.codeblog.co/pages/getting-autoplay-working-on-ios.html

Gruß
Alex
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben Unten