La vidéo html5 ne fonctionne pas sur ipad
J'ai une vidéo html5 qui devrait fonctionner sur ipad. Les contrôles doivent se cacher et de l'utilisateur appuyez sur l'ipad, la vidéo html5 doit jouer.
Je suis en utilisant html5video.js Ce que je peux voir sur ipad est seulement l'image d'affiche et quand j'appuie sur l'ipad, rien ne se passe. ci-dessous mon code
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=768px, minimum-scale=1.0, maximum-scale=1.0" />
<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/c/video.js"></script>
<script>
var video = document.getElementById('video');
video.addEventListener('touchstart',function(){
video.play();
},false);
</script>
</head>
<body>
<video id="video" class="video-js vjs-default-skin" preload="auto" width="620" height="860" poster="img/poster.png" data-setup="{}">
<source src="video/Motion.mp4" type='video/mp4'>
</video>
</body>
</html>
source d'informationauteur halubilo Saya
Vous devez vous connecter pour publier un commentaire.
Vous servez de la vidéo avec le bon type MIME? L'excellent La Vidéo Sur Le Web article de Plongée En HTML 5 couvre tout ce que vous devez savoir au sujet de la signification de la Vidéo. Chemin vers le bas de l'article (au-delà de la aide de codage) couvre problèmes avec les iPhones et les iPads ainsi que la besoin pour le bon type MIME. Il vaut bien la lecture.
MODIFIER
Pour fonctionner avec iOS la
Accept-Ranges: bytes
- tête de réponse HTTP doit être inclus, voir: Web Safari Contenu Du Guide De Configuration De Votre Serveuressayer :
Pour moi fonctionne sur tablette android de samsung , l'iphone et l'ipad 2/3.
Dans mon cas, le type MIME est correct, mais mon serveur n'était pas ce qui permet au client de demander les fichiers partiels avec la Gamme d'en-tête HTTP.
Afin que le serveur doit envoyer "Accept-Ranges: bytes" quand vous demandez un fichier mp4, iPad refuse de télécharger ce fichier, si elle est forcée de le télécharger entièrement.
J'ai eu le même problème. La vidéo n'était pas de jouer uniquement sur l'iPad et l'iphone 4. Rien n'a fonctionné. Enfin, j'ai découvert que mon .fichier mp4 est pas dans le bon format. Je n'ai pas créer ce fichier. Après je me suis converti il une fois de plus au format mp4, il a travaillé.