Sommaire

L’insertion d’une Vidéovi Multimédia:Vidéodéo

1. L’élément <video>

L’élément <video> permet d’insérer un fichier vidéo dans vos pages web :

<video> 
   ... 
</video>

Notez que l’élément <video> ne possède aucune propriété d’affichage par défaut. 

2. La source de la vidéo

Dans l’élément <video>, c’est l’attribut Vidéo:srcsrc qui indique le chemin d’accès à la source du fichier vidéo à utiliser.

<video src="venise.mp4"></video>

Si vous affichez la page web, vous verrez seulement la première image de la vidéo :

images/C14-002.png

Pour le moment, il n’y a aucun moyen d’utiliser la vidéo.

3. Les Contrôlesc Multimédia:contrôlesontrôles

Maintenant, il faut donner la possibilité de jouer cette vidéo. Pour cela, vous pouvez ajouter l’attribut booléen autoplay à l’élément <video> :

<video src="venise.mp4" autoplay></video>

Cet attribut permet de jouer automatiquement la vidéo au chargement de la page. Mais le visiteur n’aura aucun moyen de gérer lui-même la diffusion de la vidéo.

Pour offrir les moyens de contrôler la vidéo, il faut plutôt utiliser l’attribut booléen ...