[Résolu] Inserer vidéo et audio en html5?

Bonjour,

Voilà, la question est dans le titres.

J'aimerai avoir un peu d'aide SVP,

Pour la vidéo: Dans mon FTP j'ai créé un dossier "media", à l'intérieur j'ai envoyé une vidéo avec comme nom "chat", et j'ai inséré dans mon code HTML ceci:

<video width="600" height="400" controls>
     <source src="medias/chat.webm" />
      <source src="medias/chat.ogg" />
      <source src="medias/chat.mp4" />
</video>

Et ça ne marche pas, pourtant ma vidéo je l'ai converti dans les 3 formas, mais ça ne marche avec aucun navigateur.

Pour l'audio: Dans mon FTP j'ai créé un dossier "media", à l'intérieur j'ai envoyé un fichier audio mp3 avec comme nom "res", et j'ai inséré dans mon code HTML ceci:

<audio controls>
       <source src="medias/res.mp3"></source>
        <source src="musique.ogg"></source>
</audio>

Et j'ai aussi essayé ceci:

<audio src="medias/res.mp3" controls></audio>

Et ça ne marche avec aucun navigateur. J'ai peut être fait des erreurs?

Merci beaucoup
Modifié par 6l20 (15 Nov 2014 - 12:44)

Bonjour,

Tu ne précises ni dans quels navigateurs cela ne fonctionne pas, ni précisément le souci rencontré (le lecteur ne s'affiche pas, un problème de chemin d'accès, etc...).
As-tu pensé à déclarer les types Mime dans un fichier .htacess ?
Je vois déjà que tu ne le déclares pas dans ton code HTML via l'attribut type...
Aurais-tu une page en ligne même minimale ?

Enfin, dans la section Apprendre de ce site, tu disposes d'excellentes ressources :
Une bonne introduction à HTML5 ou tu trouveras un article assez complet sur la balise Video par exemple

À te lire.

ok merci,
oui j'ai créé cet page pour m’entrainer : http://www.creerwebsite.com/tutoriel/inserer-video-dans-son-site.php
,
Les navigateurs que j'ai essayé: mozilla, IE, opera, google chrome, safari.

_As-tu pensé à déclarer les types Mime dans un fichier .htacess ?
_Non , je ne savais pas qu'il faut faire ceci.

merci

C'est bon c'est résolu.
j'avais oublié le "../" devant mon dossier "medias/".
merci pour les liens

ps: par contre avec safari, ça ne marche pas. pourtant c'est un navigateur réputé fiable?
Modifié par stephweb (15 Nov 2014 - 14:49)

Hello,

Sous Mac OSX, ça fonctionne, tu parles de Safari windows ?

6l20 a écrit :
Hello,

Sous Mac OSX, ça fonctionne, tu parles de Safari windows ?

ok merci pour l info.
oui j'ai windows 8