WebDesignTutoriels

HTML 5 : Ajouter un lecteur audio ou vidéo à votre site internet

Si vous désirez ajouter un lecteur HTML audio à vos pages internet, utiliser ce code :

<audio controls>
  <source src="https://url/votrefichier.mp3" type="audio/mpeg">
  votre navigateur ne prend pas en charge le MP3.
</audio>

Si vous désirez ajouter un lecteur HTML vidéo à vos pages internet, utiliser ce code :

<video width="512" height="380" controls>
    <source data-src="https://url/votrefichier.mp4" type="video/mp4">
</video>

Options du lecteur vidéo HTML :

  • witdth = largeur du player vidéo en pixel ou pourcentage
  • height = hauteur du player vidéo en pixel
HTML 5 : Ajouter un lecteur audio ou vidéo à votre site internet 1

Options utilisable pour les deux balises :

Pour enlever le bouton de téléchargement au bout du lecteur HTML, changer la premiere ligne par :

<audio controls controlslist="nodownload">
ou
<video width="512" height="380" controls controlslist="nodownload">
HTML 5 : Ajouter un lecteur audio ou vidéo à votre site internet 2

Pour gérer l’autoplay (la lecture automatique)dans le lecteur HTML, nous rajouterons dans la premiere ligne de code, ceci :

<audio controls autoplay>
ou
<video width="320" height="240" autoplay>
Mots-clés
Afficher plus

Articles similaires

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Bouton retour en haut de la page
Share This