5568 sujets

Sémantique web et HTML

Balise video html5

Salut,

j'ai mis en place une balise video avec plusieurs format disponible tel que le préconise le tuto :Introduction à la balise video de HTML5 (Article par Nico3333fr)
je teste en local pour le moment car je ne maitrise pas du tout le développement web, et puis je ne peux pas regler les parametres MIME de mon hébergeur non plus.
Mais bref, mon problème c'est qu'en local mes fichiers video ogv, ne sont pas lus par firefox alors qu'ils sont sensé l'être (il est à jour); il m'affiche une sorte de sablier mais sans résultat.
Ce que je ne comprends pas c'est que firefox ouvre ce fichier video quand je passe en direct.
Dans chrome, ça marche nickel, il lit le mp4.

Voilà, help me, parce que je sèche et mes connaissance sont assez rudimentaires.

Merci
nino
C'est vrai, avec le code ça va être plus parlant!! alors en fait mon problème a évolué.
J'ai mis en place les types MIME(mp4, ogg, webm) sur mon hébergement, donc chrome et safari lisent le mp4 et firefox et opera le webm; par contre IE9 ne lis rien!! j'ai bien lu qu'il prenait en compte le H264 (dans du mp4) nativement sans installer de codec?! et qu'il n'a aucun problème avec la balise video??!! je ne comprends plus. Voici le code que j'utilise:

<video width="720"  height="576" preload controls autoplay loop>
<source src="http://www.monsite.fr/mavideo.mp4" type="video/mp4" />
<source src="http://www.mosite.fr/mavideo.webm" type="video/webm" />
</video>


voilà, je ne comprends pas pourquoi IE9 ne lis pas ça.
Merci d'avance!
nino
Modérateur
Et bien en fait:

ie + safari :
conteneur: mp4
codecs : H264, aac/mp3

firefox/chrome/opera:
format: webm (qui est une modification d'un conteneur restreint aux seuls codecs vp8 et vorbis)

Le codec H264 est bientôt aussi répandu que le codec JPEG. Il est présent nativement depuis mac os tiger 10.4 sous mac et depuis windows 7 sous windows.
Modifié par kustolovic (20 Feb 2012 - 13:11)
Yes, je sais tout ça pour les formats, et j'ai même rajouté le swf dans un <object> pour les version de navigateur ne prenant pas en compte la balise video; par contre j'ai du nouveau...j'ai ouvert la console (F12) dans IE9 et en changeant le 'mode de document' à une version antérieure à IE9, et bien cela fonctionne, et j'ai ma vidéo qui s'affiche grâce au flash player(ça fonctionne en quirks(kesako?) IE7, et IE8. Et quand je déploie le code, il s'affiche bien sur, alors qu'en mode IE9 il m'affiche ça partout : 
Texte - Noeud de texte vide


Voici mon code :
<video width="720" height="540" autobuffer autoplay loop>
<source src="http://www.monsite.fr/mavideo.mp4" type="video/mp4" />
<source src="http://www.monsite.fr/mavideo.ogv" type="video/ogv" />
<source src="http://www.www.monsite.fr/mavideo.webm" type="video/webm" />
<object type="application/x-shockwave-flash" width="400" height="222" data="www.monsite.fr/mavideo.swf">
  <param name="movie" value="www.monsite.fr/mavideo.swf" />
  <param name="wmode" value="transparent" />
  Vous n'avez pas de navigateur moderne, ni Flash installé...
 </object>
</video>


Comme si dans IE9, il ne comprenait plus rien. Et moi non plus!! je pense avoir cerné la racine du problème, mais comment le résoudre???

merci
Pour être plus sur je referme la balise SRC <video><source src="...."></src></video>
quant aux OGV et même les OGA , je les renomme en OGG
et ainsi on peut mettre un fichier audio OGG entre des baises <video>
voir: http://www.wubijacq.com/html5/
Modifié par wubijacq (15 Mar 2012 - 21:36)
wubijacq a écrit :
Pour être plus sur je referme la balise SRC &lt;video&gt;&lt;source src=&quot;....&quot;&gt;&lt;/src&gt;&lt;/video&gt;
quant aux OGV et même les OGA , je les renomme en OGG
et ainsi on peut mettre un fichier audio OGG entre des baises &lt;video&gt;
voir: http://www.wubijacq.com/html5/

Heu… C'est n'importe quoi là… C'est une blague? Smiley rolleyes

src est un attribut pas un élément, et <video> ne peut pas contenir des fichiers audios.
wubijacq a écrit :
avec <src>....</src>

Attention: l'élément SRC n'existe pas; attention à ne pas confondre l'élément SOURCE et l'attribut src. On écrira donc <source src="URL">, ou bien <source src="URL" />, mais jamais <src></src> ou <source></source>.

wubijacq a écrit :
Puisque cela fonctionne c'est le principal Smiley murf

Certes, mais avec un code valide ça serait encore mieux. C'est-à-dire: plus fiable, car rien ne te garantit que tes erreurs de code HTML (assez affreuses au demeurant!) soient interprétées et «rattrapées» de la même manière par tous les navigateurs.

Je rappelle le code qui pose problème:
<video controls=controls height=15px width=100px source src="..."></src></video type=video/ogg>

À peu près tout est faux ici. Pour information, un navigateur va probablement ignorer ce qu'il ne comprend pas ou qui est syntaxiquement faux, et il lira donc ton code comme ceci:
<video controls height="15" width="100" src="..."></video>

Si on veut pouvoir utiliser l'attribut type, il faut obligatoirement utiliser un élément SOURCE, ce qui nous donne:
<video controls height="15" width="100">
    <source src="..." type="video/ogg">
</video>
D'accord, je ne trouvais pas non plus cela très correct car on ne met pas une balise de fermeture </src> à une image <img src="...>
Donc si cela fonctionne c'est grâce aux AddType video/ogg ogg AddType video/webm .webm
et AddType video/mp4 .mp4 que j'ai ajouté à mon .htacces et rien d'autre
Merci pour votre aide
Je m'excuse pour mes propos qui ont refilé une codite aigùe à Paditou qui a ajouté du code html là où il n'en faut pas dans le forum
Modifié par wubijacq (18 Mar 2012 - 07:57)
Sujet clos
Aller à