wubijacq.com

HTML5 balise <video> mp4 ogv webm


logo petit webinard pratique

Vous voulez placer une vidéo sur une page de votre site et aimeriez qu'elle soit visible par tous vos visiteurs sur internet et ceci en utilisant la balise <video>. Maintenant tous les navigateurs supportent le HTML5.

Le plus sûr est d'ajouter ces lignes, pour les mime-type, dans votre fichier .htaccess*:
AddType video/mp4 .mp4
AddType video/ogg .ogg
AddType video/webm .webm
*Je renomme toutes mes vidéos .ogv en .ogg quand je les transfère sur le web, c'est plus simple. Sinon vous ajoutez:
AddType video/ogv .ogv

vous placez ce code dans votre page:
<video control=controls width 450 height 320>
<source src="http:// wubijacq.com/wubijacq-video.mp4" type video/mp4>
<source src="http://wubijacq.com/wubijacq-video.ogg" type video/ogg>
<source src="http://wubijacq.com/wubijacq-video.webm" type video/webm>
</video>
*variables

Bien sùr il s'agit d'une même vidéo convertie dans les trois formats . Étant sur Linux, la vidéo au départ est généralement en format OGV. Je l'ai ensuite convertie en MP4 avec FFmpeg :0.6 ubuntu en ligne de commandes:
ffmpeg -i wubijacq-video.ogv wubijacq-video.mp4
mais la conversion OGV ou MP4 vers WEBM était plus compliquée avec FFmpeg. J'ai utilisé Miro-converter pour faire cette conversion

Les CMS et autres éditeurs de site proposent généralement un fichier .htacces (pour les redirections HTTP). Sinon vous devrez le créer vous-même. Avec Windows, où c'est plus compliqué, (il ne reconnait pas le point devant .htacces) je vous recommande Notepad++. Vous créerez un fichier htacces. Une fois prêt à transférer, dans Filezilla par exemple, dans la colonne de droite, faire un clic-droit sur le fichier htaccess et renommez le en .htaccess.





Add to My Yahoo!
msg wwg1.com