[Résolu] Firefox mobile prend le 1er src de la liste <video>

[vulcain]

Bonjour,
Je suis allé sur le framablog pour tester les balise <video> de Josephk. Si cette page a une vidéo saccadée: http://www.framablog.org/index.php/post ... ox-4-video. Celle ne donne pas de vidéos du tout: http://www.framablog.org/index.php/post ... 5-en-video seulement un carré noir. Un appui prolongé me donne un lien vers http://blip.tv/file/get/Framasoft-09062 ... x35633.mp4
Pourtant, si je vais sur l'url d'origine de la vidéo j'ai une vidéo bien fluide.
Quand je regarde dans les sources je note que pour framablog:

Code : Tout sélectionner

<video tabindex="0" controls="" poster="http://a.images.blip.tv/Framasoft-WhatsNewInFirefox35278.jpg"  width="500" height="400">
	<source src="http://blip.tv/file/get/Framasoft-090628TradWhatsNewInFirefox35633.mp4" type="video/mp4" />
	<source src="http://blip.tv/file/get/Framasoft-090628TradWhatsNewInFirefox35172.webm" type="video/webm" />

	<source src="http://blip.tv/file/get/Framasoft-WhatsNewInFirefox35717.ogv" type="video/ogg" />
	<object width="500" height="400" type="application/x-shockwave-flash" data="http://blip.tv/play/wiCBjZFsAw">
		<param name="movie" value="http://blip.tv/play/wiCBjZFsAw" />
		<param name="allowscriptaccess" value="always" />
		<param name="allowfullscreen" value="true" />
		<a href="http://blip.tv/file/get/Framasoft-090628TradWhatsNewInFirefox35172.webm">
			<img src="http://a.images.blip.tv/Framasoft-WhatsNewInFirefox35278.jpg" width="500" height="400" alt="090628 [Trad] What's new in Firefox3.5" title="Impossible d'afficher la vidéo, cliquez pour la télécharger" />
		</a>
	</object>

</video>

le mp4 est sur la première ligne alors que pour mozilla:

Code : Tout sélectionner

  <video
                id="video"
                width="640"
                height="360"
                controls="controls" preload="metadata" >

				<source src="http://videos-cdn.mozilla.net/serv/marketing/firefox4/FF4_Jess3Features_VO_1.webm" type="video/webm" />
				<source src="http://videos-cdn.mozilla.net/serv/marketing/firefox4/FF4_Jess3Features_VO_1.theora.ogv" type="video/ogg; codecs="theora, vorbis"" />
				<source src="http://videos-cdn.mozilla.net/serv/marketing/firefox4/FF4_Jess3Features_VO_1.mp4" type="video/mp4" />

                <object type="application/x-shockwave-flash"
                    style="width: 640px; height: 388px;"
                    data="/includes/flash/playerWithControls.swf?flv=/serv/marketing/firefox4/FF4_Jess3Features_VO_1.mp4&autoplay=false&msg=Play%20Video">

                    <param name="movie" value="/includes/flash/playerWithControls.swf?flv=/serv/marketing/firefox4/FF4_Jess3Features_VO_1.mp4&autoplay=false&msg=Play%20Video" />

                    <param name="wmode" value="transparent" />

                    <div class="video-player-no-flash">
                    Your browser cannot play this video.
                    This video requires a browser with support for open video or the
                    <a href="http://get.adobe.com/flashplayer">Adobe Flash Player</a>.
                    Alternatively, you may use the video download links to the right.
                    </div>

                </object>

            </video>

C'est webM qui est sur la première ligne.
Firefox Mobile ne sait choisir le format qui lui convient par les choix proposés ??

J'ai ces résultats sur Firefox 4 et Firefox 5 β.

[calimo]

Je suis

Et moi je suis pas sur d'avoir bien compris ?

[vulcain]

Ça c'est un autre soucis. Je suis emmerdé avec le clavier: impossible de taper du texte rien ne s'affiche avec la version mobile. (je suis revenu sur la version Bureau pour finir)
Voir ici: http://www.geckozone.org/forum/viewtopic.php?p=

[scoobidiver]

Je ne sais pas si cela peut aider, mais l'affichage des vidéos des 2 URLs citées fonctionne correctement dans Firefox 5 Bêta 2 émulé sur PC.

[vulcain]

scoobidiver: En effet cela marche sur fennec 4.0.1 émulé mais je t'assure que sur un vrai mobile ce n'est pas le cas (je viens de vérifier). Après je ne suis pas assez riche pour faire d'autre tests sur d'autre mobile mais sur mon nexus S c'est carré noir.

Des mordus les gars de Framasoft, avec le navigateur par défaut d'Android, pour le premier lien j'ai droit "Sorry your browser can't play HTML5/Ogg video. Get Firefox."
Par contre la vidéo sur Firefox 3.5 passe très bien dans ce navigateur (on l'a même en plein écran lancé dès que l'on appuye sur play).
Par contre sur le site de mozilla pas possible de voir de vidéos.

[vulcain]

Par contre cette page fonctionne: http://camendesign.com/code/video_for_everybody avec firefox 4 et 5.

Quelqu'un a une idée du pourquoi cela ne fonctionne pas chez framablog ??

[calimo]

Je confirme que ça ne fonctionne pas avec le Nexus S. Mais je n'ai aucune idée pourquoi.

[scoobidiver]

Pour la vidéo saccadée, il me semble que c'est le bogue 630993.
Il faudrait comparer le comportement des vidéos de http://blog.mozilla.com/blog/2011/02/01 ... -than-ever et de http://www.framablog.org/index.php/post ... ox-4-video

Pour le carré noir de l'autre URL, il me semble que c'est normal car depuis http://camendesign.com/code/video_for_e ... /test.html, sur mon PC, la vidéo en MP4 (format fermé) est lue par QuickTime.

[vulcain]

Il faudrait comparer le comportement des vidéos de http://blog.mozilla.com/blog/2011/02/01 ... -than-ever et de http://www.framablog.org/index.php/post ... ox-4-video

Le lancement de la vidéo du blog de mozilla est légèrement saccadé mais la vidéo devient ensuite fluide, bref une note de 4,9/5 au lieu de 1/5 pour Framablog

Pour le carré noir de l'autre URL, il me semble que c'est normal car depuis http://camendesign.com/code/video_for_e ... /test.html, sur mon PC, la vidéo en MP4 (format fermé) est lue par QuickTime.

Tu es sur ? Sur mon ordinateur Firefox lit le webM (pas de quick time sous GNU/Linux) et Epiphany le H264 d'ailleurs l'auteur l'a malicieusement noté le codec dans chaque vidéo:

Emulation_fennec_vidéo.png

Non, framasoft propose tous les formats dans la balise:

<video tabindex="0" controls="" poster="http://a.images.blip.tv/Framasoft-Whats ... x35278.jpg" width="500" height="400">
<source src="http://blip.tv/file/get/Framasoft-09062 ... 633.[b]mp4[/b]" type="video/mp4" />
<source src="http://blip.tv/file/get/Framasoft-09062 ... 72.[b]webm[/b]" type="video/webm" />

<source src="http://blip.tv/file/get/Framasoft-Whats ... 717.[b]ogv[/b]" type="video/ogg" />
<object width="500" height="400" type="application/x-shockwave-flash" data="http://blip.tv/play/wiCBjZFsAw">
<param name="movie" value="http://blip.tv/play/wiCBjZFsAw" />
<param name="allowscriptaccess" value="always" />
<param name="allowfullscreen" value="true" />
<a href="http://blip.tv/file/get/Framasoft-09062 ... 35172.webm">
<img src="http://a.images.blip.tv/Framasoft-Whats ... x35278.jpg" width="500" height="400" alt="090628 [Trad] What's new in Firefox3.5" title="Impossible d'afficher la vidéo, cliquez pour la télécharger" />
</a>
</object>

</video>

Sauf erreur de ma part, le navigateur devrait pouvoir choisir sa préféré. Là il ne semble choisir le format mp4 alors qu'il sait lire le webM et le theora. Il ne devrait pas y avoir de carré noir dans ce lien: http://www.framablog.org/index.php/post ... 5-en-video

@Calimo: Merci pour ta confirmation, je me sens moins seul Mais la vidéo fonctionne t-elle dans camendesign.com ?

[teoli2003]

Faudrait peut-être faire un rapport de bug?

[calimo]

@Calimo: Merci pour ta confirmation, je me sens moins seul Mais la vidéo fonctionne t-elle dans camendesign.com ?

Oui oui elle fonctionne.
Un bug, certainement, mais il faudrait commencer par faire pas mal de tests pour mieux le cibler…

[vulcain]

@ teoli: Je ne sais pas faire de rapport de bug et mon anglais est assez hésitant.

J'ai envoyé un MP à JosephK qui (si mes souvenirs sont bons) s'occupe de la partie vidéo dans Framasoft, voyons ce qu'il en pense.

[JosephK]

Des mordus les gars de Framasoft, avec le navigateur par défaut d'Android, pour le premier lien j'ai droit "Sorry your browser can't play HTML5/Ogg video. Get Firefox."

Non, ça ce n'est pas de nous. C'est UniversalSubtitles qui génère le code html5 à partir d'un javascript.

Par contre la vidéo sur Firefox 3.5 passe très bien dans ce navigateur (on l'a même en plein écran lancé dès que l'on appuye sur play).

(j'ai pas ça chez moi sur FF4 Linux)

Sinon, le navigateur ne "choisi" pas son format de vidéo préféré : s'il ne sait pas lire le premier format de fichier il passe à la ligne suivante. Il n'y a qu'Apple avec sa stratégie à la con qui a décidé que son navigateur ne saurait lire que le mp4 à condition qu'il soit en premier sinon Quicktime buggue (ce qui signifie que tout les navigateurs sachant lire webm et mp4 liront le mp4 alors que c'est un format moins bien, proprio, plus lourd et donc moins rapide à charger ).

Donc clairement si Fennec prend le mp4 c'est un bug de Fennec. Il n'a pas à le faire, c'est bizarre sachant que le code est censé être le même que Firefox.

Sinon, je trouve bizarre aussi que ça puisse fonctionner sur camendesign.com étant donné que c'est la même structure de code html que j'ai utilisée. Est-ce que tu as essayé de désactiver le javascript sur le framablog pour voir ce que ça donne sans videoJS ?

Après, une autre piste c'est que ça vienne de l'hébergeur (blip.tv) si le mimetype n'est pas bon ou un peu exotique mais dans ce cas on ne peut pas faire grand chose (de toute façon il est prévu qu'on s'héberge nous même dans quelque temps) et puis ce serait étonnant que les autres navigateurs sur desktop ne patinent pas non plus dans la choucroute
Est-ce que qu'avec juste le lien vers la vidéo webm ça s'affiche correctement ?

[vulcain]

Non, ça ce n'est pas de nous. C'est UniversalSubtitles qui génère le code html5 à partir d'un javascript.

On voit l'influence de Drumbeast

(j'ai pas ça chez moi sur FF4 Linux)

Sûrement parce que c'est du navigateur d'Android dont je parle.

Il n'y a qu'Apple avec sa stratégie à la con qui a décidé que son navigateur ne saurait lire que le mp4 à condition qu'il soit en premier sinon Quicktime buggue (ce qui signifie que tout les navigateurs sachant lire webm et mp4 liront le mp4 alors que c'est un format moins bien, proprio, plus lourd et donc moins rapide à charger ).

On saisit mieux pourquoi le pluging Quicktime est mis dans plugincontainer.exe.

Est-ce que tu as essayé de désactiver le javascript sur le framablog pour voir ce que ça donne sans videoJS ?

C'est pire, la vidéo sur Fx 3.5 ne marche plus, celle sur Mozilla non plus, seule celle camendesign fonctionne. les 2premiers ne donnent qu'une jolie image.
Au sujet de Javajs.com c'est pareil que Framablog: cela ne fonctionne pas. Fennec semble vouloir lire le mp4 alors que le lien direct vers le webm (ou theora) donne une vidéo saccadée

Est-ce que qu'avec juste le lien vers la vidéo webm ça s'affiche correctement ?

Oui, elle s'affiche mais en saccadé.

[JosephK]

Ok.
L'image c'est un lien ? si c'est la cas c'est peut-être le lien pour télécharger la vidéo.

Si c'est saccadé c'est probablement un problème de débit.

Du coup, je vais m'empresser d'ajouter les liens pour pouvoir télécharger la vidéo quand on a trop de problème.
(je venais de dire à aka pour le dernier article que c'était pas utile en plus )

Sinon, avec OperaMobile en condition réelle ça donne quoi ? (je n'ai pas de mobile... c'est par conviction Du coup, je teste uniquement sur les émulateurs)