[Résolu]Balise <video> : comportement différent hors-ligne et en

Bonjour,

J'ai utilisé la balise html5 <vidéo> sur plusieurs pages de mon site. Parfois pour des vidéos en SD, parfois en HD, parfois en fullHD.
Tant que le site est utilisé hors-ligne sur mon ordinateur, toutes les balises fonctionnent correctement (FireFox).

MAIS, j'ai mis mon site en ligne hier et je constate qu'une fois sur le serveur de mon hébergeur, les balises ne fonctionnent plus correctement pour les vidéos en fullHD.

Problèmes constatés :
- le son de la vidéo se lance en Autoplay au chargement de la page (alors que je n'ai pas spécifié cet attribut, et d'ailleurs l'image, elle, ne se lance pas).
- quand je lance la vidéo en appuyant sur "play", le son initialement auto-lancé continue en arrière fond alors que le son synchro avec l'image est plein de grésillement. Et quand je mets "pause" l'image et le son synchro s'arrête, mais le son lancé en autoplay continu.

Je n'ai pas ce problème avec les vidéos en SD.

Se pourrait-il qu'il s'agisse d'un problème lié au débit des vidéos ?
(Je suis hébergé en serveur partagé chez OVH, donc peut-être pas assez de bande passante pour diffuser de la fullHD ?)
Toutefois, j'ai encodé mes vidéos SD au même débit que celles en fullHD, (environ 4Mbps) et elles ne posent pas ce problème.

Merci par avance de votre aide.

Ci-dessous le lien vers la page posant problème :
http://dyedo.com/skaflebhar.html

Et le code correspondant à la balise posant problème :

<video controls poster="videos/skaflebhar-video-vignette.jpg" width="1280" preload="auto" >
     <source src="videos/skaflebhar-v20130709.mp4" />
     <source src="videos/skaflebhar-v20130709.WebM" />
                	
				
     <!-- LECTURE VIA VIMEO POUR NAVIGATEUR NE SUPPORTANT LA BALISE VIDEO HTML5-->
     <div class="embed-container">
           <iframe src="//player.vimeo.com/video/70014654?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1" width="1280" height="719" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
     </div>		
</video>

Modifié par DYeDO (14 Feb 2014 - 10:33)

Salut,

Déjà il y a un problème avec les sources, qui pointent toutes les deux vers le fichier mp4 :

                	<source src="videos/skaflebhar-v20130709.mp4" type="video/mp4" />
                    <source src="videos/skaflebhar-v20130709.mp4" type="video/WebM" />

Deuxièmement, pourquoi ne pas utiliser uniquement le code vimeo?

1. Tu ne risques pas d'avoir des problèmes avec ton hébergeur pour la bande passante.
2. Le player vimeo affiche automatiquement le bon format suivant le navigateur/OS utilisé en HD.

Bonjour Patidou,

merci beaucoup pour m'avoir signalé le problème d'extension ! C'est corrigé.

Patidou a écrit :

Deuxièmement, pourquoi ne pas utiliser uniquement le code vimeo?

Pour des raisons essentiellement esthétiques : je trouve cela plus "propre" et sobre de n'avoir rien d'écrit sur mes vidéos (pas de logo Viméo notamment) et je trouve le code de la balise nettement plus joli.

D'ailleurs en me penchant sur le code Viméo, ]je viens de comprendre d'où venait mon problème : le player Viméo était réglé sur Autoplay] et donc se lançait au chargement de la page. Comme il est "caché" sous la balise <video>, on ne voyait pas l'image mais on entendait le son !
Modifié par DYeDO (14 Feb 2014 - 10:33)