Balise vidéo html5 ne fonctionne pas.

Salux à tous,
j'ai inséré une balise vidéo pour faire un essai avant de l'envoyer en ligne.
Le site est ici (pas fini hein!) http://www.chalet-nature.com/MonGite/index.html

Le problème c'est que la vidéo ne se lance pas et je ne comprends pas pourquoi.
Voici le code et merci de me dire ce que j'ai mal fait. :

<video width="400" height="222" controls="controls"> 
<source src="Videos/essai.mp4" type="video/mp4" /> 
<source src="Videos/essai.webm" type="video/webm" /> 
<source src="Videos/essai.ogv" type="video/ogg" /> 
 <object type="application/x-shockwave-flash" width="400" height="222" data="http://www.youtube.com/v/HVMoJqg41Bw"> 
  <param name="movie" value="http://www.youtube.com/v/HVMoJqg41Bw" /> 
  <param name="wmode" value="transparent" /> 
  
<!--[if lte IE 6 ]> 
<embed src="http://www.youtube.com/v/HVMoJqg41Bw" type="application/x-shockwave-flash"  allowscriptaccess="always" allowfullscreen="true" width="400" height="222"> 
</embed> 
<![endif]--> 
Vous n'avez pas de navigateur moderne, ni Flash installé... suivez les liens ci-dessous pour télécharger les vidéos. 
</object> </video> 

Autre question, comment on fait pour créer un lien de téléchargement des fichiers vidéos ?
Merci pour votre aide.
Modifié par Muad'Dib (23 Oct 2010 - 17:18)

Salutation

C'est fonctionnelle pour IE8 : mais pas pour FF4B et sûrement pas pour Opéra.
Ne place pas de balise « embed » et oubli de vérifier la version du Lecteur Flash.

Pour être multi-navigateur tu utilise uniquement « object » avec l'attribut « data » et les params. De plus il passe bien au validateur du w3c : donc conforme.

Mais dès l'instant où tu utilise « embed » FF4 et Opéra ne le prendrons pas et ne sera pas valide au w3c conformément au XHTML.

++
Modifié par zardoz (23 Oct 2010 - 17:32)

zardoz a écrit :
Salutation

C'est fonctionnelle pour IE8 : mais pas pour FF4B et sûrement pas pour Opéra.
Ne place pas de balise « embed » et oubli de vérifier la version du Lecteur Flash.

Pour être multi-navigateur tu utilise uniquement « object » avec l'attribut « data » et les params. De plus il passe bien au validateur du w3c : donc conforme.

Mais dès l'instant où tu utilise « embed » FF4 et Opéra ne le prendrons pas et ne sera pas valide au w3c conformément au XHTML.

++

Merci infiniment pour ton commentaire qui ne m'aide pas beaucoup, car ça ne fonctionne toujours pas.
Je voulais simplement savoir le pourquoi du comment du pourquoi ça ne se lit pas.
Je ne suis pas très pro dans ce domaine.

Salut

Essais avec un chemin absolu : -http://localhost/repertoireVideo/maCibleVideo.mp4.

Certains membres ont constater ce point, ont vécu le même problème sur ce topic
Il semblerait que « embed » sois valide en HTML5. Selon un membre. Il se peut que je me sois tromper ici.

++
Modifié par zardoz (23 Oct 2010 - 18:16)

Hello,

Il faut renvoyer les bons type MIME pour les fichiers vidéo. Il me semble que Firefox exige des types MIME corrects:

MDC a écrit :
It's worth re-emphasizing for the time being, that if the MIME types for Theora video are not set on the server, the video may not show or show a gray box containing an X (if JavaScript is enabled).

D'après web-sniffer.net (outil à garder sous le coude), dans le cas présent les fichiers .ogv et .webm sont renvoyés avec le type "text/plain", et le fichier .mp4 avec le type "audio/mp4". Pas bien.

Les bons types seraient:

.webm -> video/webm
.ogv  -> video/ogg
.mp4  -> video/mp4

On peut aussi indiquer le type MIME (qui indique, comme on peut le constater ci-dessus, le format conteneur: MP4, Ogg, WebM) et les codecs utilisés (AVC/H264, Theora, VP8, AAC, Vorbis...) dans l'attribut type de l'élément SOURCE.

Je te recommande de lire ceci:
http://diveintohtml5.org/video.html#markup
http://diveintohtml5.org/video.html#video-mime-types
(Voire tout le chapitre d'un bout à l'autre, tiens.)

Bonjour, désolé j'édite mon message parce j'ai finalement préféré ouvrir un nouveau sujet, le problème n'étant pas vraiment le même que celui d'origine de ce sujet, voila le lien :

ici
Modifié par Rohacan (20 Nov 2010 - 14:55)