HTML5 - CSS 2.x/3
PHP / MySQL
FORTH ...

HTML5 / VIDEO

L'élément video spécifie une manière standardisée l'intégration d'une vidéo dans une page web.

Exemple

 <video width="320" height="240" controls>
  <source src="film.mp4" type="video/mp4">
  <source src="film.ogg" type="video/ogg">
Votre navigateur ne supporte pas l'élément video
</video> 

L'attribut controls ajoute tous les contrôles de la vidéo: marche, pause, volume...

Il est fortement conseillé d'intégrer systématiquement les attributs width et height. Si ces attributs width et height ne sont pas indiqués, le navigateur ne saura pas dimensionner la vidéo. Ca peut perturber l'affichage.

Les textes placés entre <video> et </video> ne serontr affichés que si le navigateur ne supporte pas l'élément video.

L'élément source peut se référer à différents fichiers. Le navigateur utilisera le premier fichier dont il reconnait le format.

Pour qu'une vidéo démarre automatiquement au démarrage, utiliser l'attribut autoplay:

<video width="320" height="240" autoplay>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Votre navigateur ne supporte pas l'élément video
</video> 

Tous les articles sur ce thème