Question

Nous avons un catalogue de vidéos que nous aimerions afflueront un iphone pour montrer en mouvement, ce serait fait à l'intérieur du navigateur Safari de l'iPhone.

Pour une raison que je ne l'ai pas pu trouver quelque chose de décent en ligne pour montrer comment cela est fait, nous avons les vidéos converties en formats iphone peut voir .m4v et .3gp (tous deux convertis en utilisant quicktime)

Mais je ne suis pas sûr de savoir comment intégrer les vidéos dans une page Web afin que l'iPhone peut les ouvrir dans le construit en lecteur de temps rapide.

Je tentais le code ci-dessous, mais safari renvoie une erreur indiquant « Safari ne peut pas télécharger ce fichier »

<script src="AC_QuickTime.js" language="JavaScript" type="text/javascript"></script> 
<script language="javascript"> 
<!-- 
var ua = navigator.userAgent ;
if (ua.indexOf("iPhone") > 0) document.location.replace("iolliecell.3gp");
self.moveTo(0,0);
self.resizeTo(screen.width,window.screen.availHeight);
//-->
</script> 

<script language="javascript"> 
QT_WriteOBJECT('ollie.mp4', '100%','95%', '', 'autoplay', 'true', 'bgcolor', 'black', 'scale', 'aspect');
</script> 
Était-ce utile?

La solution

Pour autant que je sache, vous ne devriez pas avoir à faire quoi que ce soit pour le rendre compatible aussi longtemps qu'il est en utilisant un certain codec (M4V doit être fine). L'iPhone gère la balise embed en conséquence. Que se passera-est-il montrera la zone de la vidéo et un bouton de lecture au milieu de cette région. En cliquant sur la vidéo ouvrira le lecteur vidéo en plein écran. Lorsque le film se termine, il remonte à la page Web. Je vais essayer de trouver quelque chose dans la documentation d'Apple qui traite de ce sujet.

Edit: Apple a des informations sur les médias dans Safari ici . Espérons que cela aide.

Edit 2: Ceci est essentiellement tout ce que vous avez besoin

.
<embed src="poster.jpg" href="movie.m4v" type="video/x-m4v" />

En plus de jouer « movie.m4v » lorsque vous cliquez dessus sur, il affiche également « poster.jpg » sur la page Web au lieu de la boîte grise dont je parlais avant.

Si vous allez à la conception d'applications web pour l'iPhone, vous voulez vous inscrire à un compte ADC. Il est gratuit, et il vous donne accès à la documentation comme celle-ci. Alors que le lien je vous ai envoyé traite de la façon d'ajouter une image d'aperçu, il fait référence à un guide plus détaillé qui aborde des questions telles que les codecs pris en charge, ce taux mordaient à utiliser, la configuration du serveur, et plus encore.

Vous pouvez vérifier que cela fonctionne en visitant le site en question sur tous les iPhone / iPod Touch et de voir à quoi il ressemble. Vous pouvez même utiliser le simulateur iPhone pour le faire (également gratuit à télécharger).

Autres conseils

Vous ne pouvez pas inclure la vidéo sur l'iPhone, seul le lecteur vidéo peut « lire la vidéo », et exige l'accès au plein écran.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top