vdeo html5

[lnain]

Bonsoir, j'essaie de mettre des vidéos sur mon site avec la balise video html5.
j'utilise 2 vidéos :
une en m4v pour apple
une en ogv qui devrait être lue par firefox.
Lorsque je vais sur la page, seule l'image "poster" apparaît et j'ai un cercle de points en haut de l'image, mais pas de lecture.
j'utilise firefox 8 sur un poste sous linuxmint 10 mais j'ai vu que d'autres ont le même problème sous windows. J'ajoute que ça marche très bien sous chromium.
Est-ce que firefox a des problèmes avec cette balise ?
merci

[calimo]

Salut,

Est-ce qu'on peut voir la page en question ?

Parce que là c'est comme si tu téléphones à ton médecin en lui disant : « je suis malade, prescrivez-moi un médicament. »

[lnain]

bonjour,
mille excuses, je voulais au début savoir si c'était un problème connu.
la page où j'ai mis cette vidéo est celle ci : http://www.ac-grenoble.fr/college/europ ... g=fr&pg=71
merci pour votre aide.

[Abraxas]

Sous FF11, message d'erreur:


Et quand on veut sauver la video, ça envoie un .MKV.

T'as regardé la doc W3C sur la balise video pour ajouter plusieurs sources de videos ?

[lnain]

j'ai lu, dans le site du zéro qu'il faut mettre au mons 2 types de fichiers pour couvrir la compatibilité des différents navigateurs.
j'ai donc mis un m4v pour certains et un mkv qui était censé être lisible par firefox, non ?
j'avais aussi essayé avec un .webm et j'ai eu le même problème.
ps, je suppose que c'est un essai avec ff 10 non ?

[Abraxas]

Avec FF, mets du .webm ou .ogv. Oui, FF11 (corrigé).

[lnain]

je viens de mettre un webm à la place du mkv et c'est pareil :

désolé, je ne vois pas.
moi, j'utilise ff 8 est-ce un problème ?
de plus, connais tu un logiciel sous linux pour convertir en ogv ? merci

[Abraxas]

moi, j'utilise ff 8 est-ce un problème ?

Non, non, FF8 devrait tout à fait marcher avec ta vidéo, c'est une utilisation basique de cette balise. d'ailleurs ça ne marche pas non plus avec les versions suivantes de FF.
Je reste persuadé que c'est un pbm de code HTML, je vais chercher sur le web.

de plus, connais tu un logiciel sous linux pour convertir en ogv ? merci

http://www.tux-planet.fr/comment-conver ... at-oggogv/

NB: au fait ton avatar ne s'affiche pas ici, sans doute une erreur de lien.

[calimo]

Hello,
Ah, c'est mieux comme ça

On voit tout de suite qu'il y a un problème avec ta vidéo webm. Je suis incapable de la lire également hors de Firefox, avec VLC, HandBrake ou Totem. Le HTML me semble tout à fait correct.

Sous Linux, ogg est assez le format de base. Tu peux utiliser VLC, HandBrake pour du graphique, ffmpeg en ligne de commande... tu as l'embarras du choix !

[~HP]

Chez moi, ça marche (requiert javascript) :
http://devblog.homeunix.me/29.06.11/bil ... 1309468132

[Abraxas]

Chez moi, ça marche (requiert javascript) :
http://devblog.homeunix.me/29.06.11/bil ... 1309468132

Forcément ça requiert JS, puisque sans JS les contrôles vidéo n'apparaissent pas !

NB: et j'ai tjrs la mm erreur en webm.

[~HP]

Ça requiert JS parce que c'est un simple lien qui est transformé en une video (en fonction de sa cible)…

[Abraxas]

Pas chez moi, le lien direct http://www.ac-grenoble.fr/college/europ ... itsou.webm ne lit pas la video comme ici http://video.webmfiles.org/elephants-dream.webm mais me propose de la télécharger directement. Bref, je me demande quand même si le type MIME renvoyé par le site n'est pas bon...

[lnain]

Alors, là, je suis largué
je ne sais pas ce que c'est que le type mime
pour expliquer, je suis parti d'un fichier .mp4 pris avec mon téléphone portable et je l'ai converti en webm avec arista qui un un gui de ffmpeg, je crois.

[Bobe]

Pas chez moi, le lien direct http://www.ac-grenoble.fr/college/europ ... itsou.webm ne lit pas la video comme ici http://video.webmfiles.org/elephants-dream.webm mais me propose de la télécharger directement. Bref, je me demande quand même si le type MIME renvoyé par le site n'est pas bon...

Bonne pioche. Le serveur renvoie le type MIME text/plain pour la vidéo webm.

Il faut qu'il envoie video/webm. Ajoute ce .htaccess à la racine du site dans un premier temps :

Code : Tout sélectionner

AddType video/webm .webm