Question

Bonjour, j'ai travaillé sur ce projet et appris à placer une vidéo sur l'iPad et tous les autres navigateurs.

Mais après avoir écrit le code correspondant, j'ai remarqué que la seule chose que je reçois de l'iPad est la première image clé de la vidéo, mais la vidéo n'est pas lue.Lorsque j'appuie sur le bouton "Lecture" qui apparaît sur cet écran de l'iPad, la vidéo ne se contente pas de jouer.Bizarre, le script a une commande de lecture automatique.

Quel est le problème avec ce script ?Existe-t-il une meilleure façon de le faire ?J'ai passé beaucoup trop de temps là-dessus et je n'arrive pas à le faire.J'ai vérifié cela sur Safari pour Windows, Firefox, Internet Explorer et cela fonctionne partout sauf sur iPad.

<video controls width="920px" height="560px" autoplay>  
<!-- if Safari/Chrome-->  
<source src="video.mp4" type="video/mp4" /> 
<source src="video.ogv" type="video/ogg" /> 
<!--If the browser doesn't understand the <video> element, then reference a Flash file. You could also write something like "Use a Better Browser!" if you're feeling nasty. (Better to use a Flash file though.)-->  
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="920" height="560" id="csSWF">
                <param name="movie" value="video_controller.swf" />
                <param name="quality" value="best" />
                <param name="bgcolor" value="#1a1a1a" />
                <param name="allowfullscreen" value="true" />
                <param name="scale" value="showall" />
                <param name="allowscriptaccess" value="always" />
                <param name="flashvars" value="autostart=true&showstartscreen=false&color=0x1A1A1A,0x1A1A1A" />
                <!--[if !IE]>-->
                <object type="application/x-shockwave-flash" data="video_controller.swf" width="920" height="560">
                    <param name="quality" value="best" />
                    <param name="bgcolor" value="#1a1a1a" />
                    <param name="allowfullscreen" value="true" />
                    <param name="scale" value="showall" />
                    <param name="allowscriptaccess" value="always" />
                    <param name="flashvars" value="autostart=true&showstartscreen=false&color=0x1A1A1A,0x1A1A1A" />
                <!--<![endif]-->
                    <div id="noUpdate">
                        <p>The video content presented here, requires a more recent version of the Adobe Flash Player. If you are using a browser with JavaScript disabled please enable it now. Otherwise, please update your version of the free Flash Player by <a href="http://www.adobe.com/go/getflashplayer">downloading here</a>.</p>
                    </div>
                <!--[if !IE]>-->
                </object>
                <!--<![endif]-->
            </object>
            <script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
    swfobject.registerObject("csSWF", "9.0.28", "expressInstall.swf");
</script>
</video>
Était-ce utile?

La solution

Quelles sont les spécifications de la vidéo mp4 (résolution et profil) ?L'iPad ne prend pas en charge toutes les variétés de mp4.


Avez-vous essayé un simple HTML sans le flash et la source ogv ?


Cela ressemble à votre over sepc :

Format vidéo pris en charge par l'iPad

  • Vidéo H.264 (jusqu'à 720p, 30 images par seconde ;niveau de profil principal 3.1 avec audio AAC-LC jusqu'à 160 Kbps, 48 ​​kHz, audio stéréo aux formats de fichier .m4v, .mp4 et .mov)
  • Vidéo MPEG-4, jusqu'à 2,5 Mbps, 640 par 480 pixels, 30 images par seconde, profil simple avec audio AAC-LC jusqu'à 160 Kbps, 48 ​​kHz, audio stéréo aux formats de fichier .m4v, .mp4 et .mov.

Autres conseils

peut-être il est préférable si vous spécifiez également les codecs multimédia de base

<source src="video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />

Serait-ce il?

"iOS ne reconnaîtra pas la vidéo si vous incluez un attribut de l'affiche. L'attribut affiche de l'élément permet d'afficher une image personnalisée lorsque la vidéo est en cours de chargement, ou jusqu'à ce que l'utilisateur presse « jeu. » Ce bug est corrigé dans iOS 4.0, mais il faudra un certain temps avant que les utilisateurs de mise à niveau. "

Je l'ai trouvé dans Plongez dans HTML5

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