Le son :

J'utilise simplement avec la balise <audio> comme dans cet exemple <audio src="mon.ogg" controls> </audio>

 

 

La vidéo :

J'utilise ici la balise <vidéo> comme dans cet exemple

 

C'est encore un peu la galère : les navigateurs, même dans les versions les plus récentes, ne supportent pas tous les formats vidéo courants. Il est donc nécessaire de proposer vos vidéos sous plusieurs formats. Cela explique la présence de plusieurs balises <source>

<video poster="lavideo.jpg" controls preload >
<source src="lavideo.mp4" type="video/mp4" />
<source src="lavideo.ogv" type="video/ogg" />
<p>Ici devrait se trouver ma vidéo :=).</p>
</object>
</video>

Les formats:

Pour convertir vos vidéos, voici un lien en ligne : http://video.online-convert.com/convert-to-ogg