Apprendre Intégration de la Vidéo dans les Pages Web

L'intégration d'une vidéo est similaire à celle d'un fichier audio. Les attributs et balises utilisés sont comparables.

Intégration de vidéo

La balise <video> permet d'intégrer du contenu vidéo dans un document HTML, offrant aux utilisateurs la possibilité de lire des vidéos directement dans le navigateur.

Attributs de la vidéo

controls : ajoute des contrôles vidéo pour la lecture, la pause et le réglage du volume ;
autoplay : spécifie la fonctionnalité de lecture automatique ;
loop : permet la lecture en boucle continue de la vidéo.

<video controls autoplay loop>
  <!-- Source tags will be defined here -->
</video>

Source

La balise <source> est utilisée à l'intérieur de la balise <video> pour spécifier la source (URL) du fichier vidéo et ses attributs. src indique l'URL du fichier vidéo. type indique le type MIME du fichier vidéo.
Exemple :

<video controls autoplay loop>
  <source src="video-url.mp4" type="video/mp4" />
  <source src="video-url.webm" type="video/webm" />
  Your browser does not support the video element.
</video>

Dans l'exemple ci-dessus :

La balise <video> inclut les attributs controls, autoplay et loop ;
Les balises <source> spécifient les URL sources des fichiers vidéo et leurs types MIME ;
Si le navigateur ne prend pas en charge la balise <video> ou les formats vidéo spécifiés, le texte alternatif Your browser does not support the video element. s'affiche.

index.html

Remarque

Les formats vidéo couramment pris en charge incluent MP4, WebM et Ogg. Il est recommandé de fournir la vidéo dans plusieurs formats afin d'assurer la compatibilité avec différents navigateurs et appareils.

1. Quelle balise est utilisée pour intégrer du contenu vidéo dans un document HTML ?

2. Quel attribut des balises `<video>` et `<audio>` ajoute des contrôles comme lecture, pause et réglage du volume ?

Tout était clair ?

Merci pour vos commentaires !

Section 3. Chapitre 5

Demandez à l'IA

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Suggested prompts:

Can you show me the HTML code for adding two videos with titles?

How do I add width to the video element?

Why is it important to use lists for structuring video content?

Glissez pour afficher le menu

L'intégration d'une vidéo est similaire à celle d'un fichier audio. Les attributs et balises utilisés sont comparables.

Intégration de vidéo

La balise <video> permet d'intégrer du contenu vidéo dans un document HTML, offrant aux utilisateurs la possibilité de lire des vidéos directement dans le navigateur.

Attributs de la vidéo

controls : ajoute des contrôles vidéo pour la lecture, la pause et le réglage du volume ;
autoplay : spécifie la fonctionnalité de lecture automatique ;
loop : permet la lecture en boucle continue de la vidéo.

<video controls autoplay loop>
  <!-- Source tags will be defined here -->
</video>

Source

<video controls autoplay loop>
  <source src="video-url.mp4" type="video/mp4" />
  <source src="video-url.webm" type="video/webm" />
  Your browser does not support the video element.
</video>

Dans l'exemple ci-dessus :

La balise <video> inclut les attributs controls, autoplay et loop ;
Les balises <source> spécifient les URL sources des fichiers vidéo et leurs types MIME ;
Si le navigateur ne prend pas en charge la balise <video> ou les formats vidéo spécifiés, le texte alternatif Your browser does not support the video element. s'affiche.

index.html

Remarque

1. Quelle balise est utilisée pour intégrer du contenu vidéo dans un document HTML ?

2. Quel attribut des balises `<video>` et `<audio>` ajoute des contrôles comme lecture, pause et réglage du volume ?

Tout était clair ?

Merci pour vos commentaires !

Section 3. Chapitre 5

Intégration de la Vidéo dans les Pages Web

Intégration de vidéo

Attributs de la vidéo

Source

1. Quelle balise est utilisée pour intégrer du contenu vidéo dans un document HTML ?

2. Quel attribut des balises <video> et <audio> ajoute des contrôles comme lecture, pause et réglage du volume ?

Intégration de la Vidéo dans les Pages Web

Intégration de vidéo

Attributs de la vidéo

Source

1. Quelle balise est utilisée pour intégrer du contenu vidéo dans un document HTML ?

2. Quel attribut des balises <video> et <audio> ajoute des contrôles comme lecture, pause et réglage du volume ?

2. Quel attribut des balises `<video>` et `<audio>` ajoute des contrôles comme lecture, pause et réglage du volume ?

2. Quel attribut des balises `<video>` et `<audio>` ajoute des contrôles comme lecture, pause et réglage du volume ?