Comment voulez-vous montrer la vidéo HTML5 de poster sur iPad?

Ma vidéo HTML5 syntaxe est presque le même que ce mec:

<video height="270" width="480"
    src="media/bbb.ogv" 
    poster="media/bbb.jpg" 
    durationHint="0:4:44">
</video>

Sur iPhone (iOS 5.0) et Firefox de bureau, je peux voir l'affiche:

Mais sur l'iPad (iOS 5.0.1) il n'apparaît pas. Je me souviens qu'il a utilisé pour travailler sur ipad avec iOS moins de 5.

Comment voulez-vous montrer la vidéo HTML5 de poster sur iPad?

Avez-vous essayé d'utiliser une URL absolue pour l'affiche de l'image?
J'ai réussi en quelque sorte à un crash de mon Safari sur l'iPad. Quand j'ai redémarré, j'ai vérifié tous les HTML5 exemple les sites web et les vignettes miraculeusement commencé à travailler. Je veux savoir si quelqu'un d'autre peut reproduire le problème de la diapo noire sur iPad.
J'ai testé le même bout de code dans ipad avec iOS 5.0 et le poster de l'image est à venir
Qui lecteur HTML5 que vous utilisez. J'ai essayé le même code avec mediaelement joueur avec la dernière mediaelement.js fichier et il a travaillé pour moi. Votre url relative chemin peut ne pas être correcte. Vérifiez l'url une fois de plus.
Je suis à l'aide de la plaine <video>. Je ne suis pas à l'aide d'une bibliothèque.

OriginalL'auteur JoJo | 2012-04-25

6

Essayer le même code à l'aide d'absolue au lieu de chemins relatifs:
```
<video height="270" width="480"
    src="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb_trailer_iphone.m4v" 
    poster="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb480.jpg" 
    durationHint="00:04:44">
</video>
```
Si cela ne fonctionne pas, leur CA bloque peut-être les références externes, donc essayez d'enregistrer les fichiers sur votre propre serveur local et utiliser des chemins absolus.

REMARQUE: vous n'avez pas à utiliser des chemins absolus, mais il aide certainement lors d'un dépannage.

Une autre solution, si cela échoue est d'utiliser un absolu-placé de la superposition d'images que lorsque l'utilisateur clique dessus, utilise JavaScript pour activer le tag ci-dessous; mais c'est un vieux hack et ne devrait pas être nécessaire pour iOS 5+.

iOS 3 a certainement un problème connu avec l'affiche de l'attribut sur la vidéo tags:
http://videojs.com/2010/09/ipad-iphone-video-poster-fix-bonus-javascript-placement-fix/

bon appel, j'ai eu exactement le même problème et c'était sur écoute-moi pour les âges. Déplacé à l'affiche les images dans un répertoire sans protection par mot de passe, et l'iPad pourrait alors lire les images. (n'a pas besoin de changer les chemins d'accès relatifs à des chemins absolus btw). Grâce bcmoney!
Bon point. J'ai eu des problèmes dans un mot de passe protège l'environnement de test.
Même problème ici : affiche l'image ne montre pas si je le charger à partir de ma propre mise en scène env serveur, mais il ne s'-je le charger à partir d'un autre serveur de production. J'ai essayé d'utiliser le chemin absolu et pour supprimer la protection par mot de passe, mais cela n'a pas aidé. Il devrait y avoir quelque chose d'autre ... peut-être que cela demande du temps de réponse ?

OriginalL'auteur bcmoney

Vous devez vous connecter pour publier un commentaire.