Tag ‘Vidéo’ en HTML

Classé dans : Programmation | 0

Voici un très bon article qui détaille comment intégrer une vidéo dans une page HTML.

L’article explique que le code fourni par défaut par les hébergeurs (Youtube, DailyMotion…) n’est pas correct, dans le sens W3C, et propose donc les ajustements pour rendre le code plus ‘propre’.

Libre à vous de l’utiliser ou pas.

L’article explique également comment utiliser la nouvelle balise HTML 5 <video..> qui permet de se passer d’un hébergeur en stockant directement le fichier vidéo sur votre serveur web.

https://openclassrooms.com/courses/inserer-facilement-une-video-dans-sa-page-web-sans-erreurs

Exemple en HTML 5 d’utilisation

<video src="video.mp4" width="600" height="400" controls autoplay>
 Votre navigateur n'est pas compatible avec le HTML 5, désolé.
</video>

L’option controls affiche les boutons Play, Pause, Volume…
L’option autoplay démarre la lecture automatiquement.
Les dimensions de la fenêtre vidéo sont définies par width & height

Pour centrer votre vidéo il suffit de l’inclure dans une div qui sera elle centrée avec CSS.