mardi 9 avril 2019

Home » » Insérer des vidéos et des audios HTML

Insérer des vidéos et des audios HTML

By  avril 09, 2019  No comments
Pour insérer une vidéo dans note page WEB on utilise la balise <video> avec les attribut suivants :
  • controls : permet d'afficher à l'internaute les boutons pour contrôler la vidéo (mettre en pause, agrandir.....).
  • autoplay : permet de lire la vidéo automatiquement dès que la page est chargée.
  • width, height : pour indiquer la largeur et la hauteur de la zone contenant la vidéo.
l'élément <source> a pour but de mettre la source de la vidéo et son type par les attributs : src, type


Pour insérer audio dans note page WEB on utilise la balise <audio> avec les attribut suivants :
  • controls : permet d'afficher à l'internaute les boutons pour contrôler l'audio (mettre en pause,le volume.....).
  • autoplay : permet de lire l'audio automatiquement dès que la page est chargée. 
l'élément <source> a pour but de mettre la source de l'audio et son type par les attributs : src, type

Exemple

<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8">
     <title>Accueil</title>
</head>
<body>
   <h1>Exemple d'un video</h1>*
   <video controls width="300px" height="300px" autoplay>
      <source src="mavideo.mp4" type="video/mp4">
    <p>Votre navigateur ne prend pas en charge les vidéos HTML5.
     Voici <a href="mavideo.mp4">un lien pour télécharger la vidéo</a>.</p>
  </video>
  <p>Exemple audio</p>
  <audio controls autoplay>
    <source src="monaudio.mp3" type="audio/mp3">
  </audio>
</body>
</html>

Télécharger exemple complet

0 commentaires:

Enregistrer un commentaire