5568 sujets

Sémantique web et HTML

Tout est dans le titre, j'ai un petit soucis avec la balise vidéo de HTML5.

j'ai suivi le tuto icihttp://www.alsacreations.com/article/lire/1125-introduction-balise-video-html5-mp4-h264-webm-ogg-theora.html

et là, honte sur moi, ça ne marche QUE sur Internet Explorer (et Safari, accessoirement)

ci joint mon code
<video width="650" height="366" controls="controls">
  <source src="video.mp4" type="video/mp4" />
  <source src="video.webm" type="video/webm" />
  <source src="video.ogv" type="video/ogg" />
  <object type="application/x-shockwave-flash" width="650" height="366" data="http://www.youtube.com/embed/....">
  <param name="movie" value="http://www.youtube.com/embed/...." />
  <param name="wmode" value="transparent" />
 </object>
</video>


et une capture du résultat
http://uppix.net/e64CFS.jpg

Est ce que quelqu'un a une idée ?
Modifié par pieryv (31 Oct 2013 - 08:55)
Nouvel élément dans mon enquête.
Firebug me remonte ça:

Le chargement HTTP a échoué avec l'erreur 416. Le chargement de la ressource média video.mp4 a échoué.
Le chargement HTTP a échoué avec l'erreur 416. Le chargement de la ressource média video.webm a échoué.
Le chargement HTTP a échoué avec l'erreur 416. Le chargement de la ressource média video.ogv a échoué.
Ça rejoint ce que j'avais trouvé comme piste, mais ça ne solutionne malheureusement pas mon problème.
Je met ça de coté pour l'instant.
J'ai utilisé Miro Converter pour encoder toutes mes vidéos.
J'ai oublié de le préciser dans mon post de départ, mais ma vidéo tourne parfaitement en local dans IE/FF/Safari/chrome.

*edit: du coup je change le nom du topic, pour que ce soit plus clair...
Modifié par pieryv (31 Oct 2013 - 08:55)