[HTML 5] Hébergement autonome de vidéo

[Jean2003]

Bonjour,


Je cherche une solution pour héberger moi-même une vidéo, et ne pas utiliser les plateformes commerciales. Je souhaite que la vidéo soit intégrée dans une page web. La vidéo est à l'origine au format AVI, codec vidéo XVID MPEG-4 et codec audio MPEG-4 AAC. J'ai choisi ce format et ces codecs parce qu'ils me semblent standards.

J'ai vu que les navigateurs les plus courants supportaient HTML5, et que HTML5 supporte l'affichage des vidéos de manière indépendante. Donc j'ai fait un test : j'ai ajouté ceci dans une page web :

Code :

<video><source src="MontageFinal.avi"></video>

Puis je l'ai ouverte en local dans les navigateurs, sans passer par un quelconque serveur Web, Apache ou autre.

Firefox affiche un carré noir, et rien dans Chrome.

J'ai alors tenté de transformer ma vidéo vers le format MP4 en gardant les mêmes codecs, sans meilleur résultat (j'utilise avidemux sous Ubuntu, je n'ai pas un grand choix de codecs... Il y a peut-être un moyen d'ajouter des codecs supplémentaires, s'il le faut, je me renseignerai). J'ai testé ceci :

Code :

1
2
3
4
5
6
7
8
<video controls>
<source src="MontageFinal.avi" type="video/mp4"/>
<object src="http://blip.tv/play/AYGLzBmU8hw"
  type="application/x-shockwave-flash"
  width="512" height="288"
  allowscriptaccess="always"
  allowfullscreen="true"/>
</video>

Sans résultat à part l'apparition d'une barre de navigation dans le carré noir. Et ceci :

Code :

1
2
3
<video width="512" height="288" controls="controls"> 
<source src="MontageFinal.mp4" type="video/mp4" /> 
</video>

Sans meilleur résultat.

Je pense qu'il peut y avoir au moins trois erreurs :

- Soit le code est erroné. Il y a peut-être quelque chose à ajouter dans l'entête de la page pour dire au navigateur que c'est du HTML5. Mais alors il ne m'afficherait pas le carré noir avec les menus de navigation dans les vidéos. Ou un autre problème.

- Soit c'est simplement le fait d'ouvrir la page web en local sans passer par un serveur web.

- Soit c'est le format ou les codecs qui ne vont pas.

Ou autre chose. Est-ce que vous pouvez m'aider ?

[Vil'Coyote]

le mp4 ou avi ne sont pas standard.
une vidéo sur le web est en générale en flv et il faut également y ajouter un lecteur pour que ton navigateur puisse justement retranscrire le flux vidéo. un truc du style jplayer.

[ornitho13]

je pense que ce lien t’aidera:
http://diveintohtml5.org/video.html#handbrake-gui

Il explique comment encoder les vidéos en mp4 pour le HTML5. Mais attention, tous les navigateurs n'acceptent pas le mp4, pour certains c'est l'ogg par exemple.

Si tu veux utiliser l'API vidéo HTML5, tu dois maintenir 2 ou 3 formats vidéo (en fonction du navigateur)