Intégrer une vidéo dans un forum [NEW]

Si avant, pour intégrer une vidéo dans un forum, il fallait recourir à des utilitaires spécifiques (voir sujets précédents), aujourd'hui le HTML 5 permet nativement de gérer les vidéos.


Quelques précisions toutefois :

Il est question ici de "ses propres" vidéos et non de vidéos issues de plateformes telles que YouTube, Dailymotion...

Dans ce cas, la plupart des forums possèdent des outils intégrés pour YouTube et Dailymotion :




Il est donc question ici de vidéos que l'on héberge soi-même, généralement sur un "espace perso".


 Ces vidéos doivent être au format MP4



 Ces vidéos doivent être encodées avec le codec H264 ou x264 sous peine de n'être pas reconnues.



ATTENTION : beaucoup de vidéos sont encodées aujourd'hui avec le nouveau codec H265 ou x265



Remarques : ce nouveau codec permet une plus grande compression, presque 2 fois supérieure.

Mais ce codec requiert une plus grande puissance CPU et GPU lors de la lecture.

Sur des machines anciennes ou peu puissantes, la lecture peut s'avérer impossible ou saccadée.


 ATTENTION au navigateur utilisé : certains navigateurs ne supportent pas la balise vidéo

---

Bref,

 Si vous voulez héberger vos propres vidéos (= vidéos stockées sur un espace perso)

 Si vous utilisez un navigateur compatible (Chrome, Firefox...)

 Si vos vidéos sont au format MP4 (c'est souvent le cas, c'est le format le plus répandu)

 Si vos vidéos utilisent le codec H264 ou x264 (à vérifier)


Changer le format et le codec d'une vidéo


Vous pouvez intégrer vos vidéos dans un forum via ce code :



Un lien pour télécharger le fichier TXT contenant ce code :

http://www.finael.com/0-sesam-forum/forum/HTML%20VIDEO.txt



Dans la seconde ligne :

source src =source src="/assets_tutorials/media/Shaun-the-Sheep-The-Movie-Official-Trailer.mp4"



il faut remplacer la partie entre guillemets (/assets_tutorials/media/Shaun-the-Sheep-The-Movie-Official-Trailer.mp4) par l'adresse de votre vidéo :


source src =source src="http://www.finael.com/ma-video.mp4"




Voici ce que ça donne concrètement :