HTML5 de la vidéo en ligne sur iPhone vs iPad/Navigateur

Question

J'ai créé un lecteur vidéo HTML5 (très simple) qui fonctionne parfaitement sur l'iPad et le navigateur.

Cependant, quand je l'ouvre sur l'iPhone, je seulement obtenir un bouton de lecture qui, une fois pressé, ouvre le natif lecteur vidéo sur une nouvelle fenêtre, au-dessus de toutes mes affaires.

Cela signifie que je perds l'accès à mes contrôles personnalisés et de suivi du temps de (écrit en Javascript), puisque la vidéo est maintenant en cours d'exécution isolé.

Est-il possible de remplacer le contrôle d'Apple de HTML5 vidéo sur l'iphone et le faire fonctionner comme sur l'ipad?

Cheers

Answer 1

Droit,

Je n'allais nulle part avec cela et a déposé un bug avec Apple.

Après quelques semaines, ils ont obtenu de nouveau à moi de dire, très simplement, que je me dois d'ajouter "webkit-playsinline" à la balise video du HTML, ainsi que l'ajout de la "allowsInlineMediaPlayback" bien sur la UIWebView.

Donc en fin de compte, c'est à quoi il ressemble:

HTML

<video id="player" width="480" height="320" webkit-playsinline>

Obj-C

webview.allowsInlineMediaPlayback = YES;

Et tout fonctionne très bien :)

Espérons que cela aide quelqu'un, comme il est pratiquement sans-papiers et le seul endroit où je pourrais trouver une référence à "webkit-playsinline" a été dans la iAds de référence, où il est dit: "iAds JS seulement".

Answer 2

Jusqu'à ce que iOS Safari implémente le support de la vidéo en ligne, vous avez besoin d'écrire décodeur vidéo dans un site web de langue pris en charge. Il y a des implémentations existantes de décodeurs vidéo, tels que Broadway pour H. 264 (vidéo), jsmpeg pour mpeg1, et ogv.js (vidéo et son support).

Gardez à l'esprit que le processus de décodage d'une vidéo est mathématiquement lourde. S'attendre à une vitesse relativement lente de FPS (±20).

Pour votre référence, ces gars-là ont préparé une démonstration d'une vidéo que vous pouvez jouer sur votre appareil iOS.

Answer 3

Avez-vous une application créée ou est-ce pour mobile safari? Si vous disposez d'une application et d'utilisation UIWebView vous devez définir UIWebView de allowsInlineMediaPlayback de la propriété..