Image 1
Web development

Insérer des fichiers audios et vidéos

Apprenez à insérer facilement fichiers audios et vidéos sur votre site web grâce à ces codes HTML simples.

As-tu aimé cet article ?

Image 1
Image 1
Beaucoup de personnes créent des sites pour y mettre des photos ou un livre d'or, mais elles oublient souvent des éléments essentiels : les fichiers vidéos et audios. Grâce à ces codes, vos visiteurs pourront regarder vos vidéos et écouter vos chansons.

Même si vous êtes débutant en création de sites, aucun problème : ces codes sont très simples et complets pour vous garantir des lectures parfaites et rapides.

Image 3
Image 3

Comment insérer une vidéo en HTML ?

Vous n'avez qu'à ajouter les balises <embed> et </embed> dans le body de votre page, puis les renseigner avec les informations nécessaires (voir ci-dessous).

Dans cette balise, il doit y avoir ceci :

  • src : chemin d'accès à votre fichier
  • width : taille en pixels du fichier dans sa largeur
  • height : taille en pixels du fichier dans sa longueur
  • loop : spécifie le nombre de fois où la vidéo est jouée (si la valeur est "-1", le fichier sera joué indéfiniment)

Exemple de code

<html>
<head>
<title>Titre de la page</title>
</head>
<body>
<embed loop="-1" src="votre fichier" width="320" height="240">
<object id="Player" width="320" height="240">
</object>
</embed>
</body>
</html>

Image 2
Image 2

Comment insérer un fichier audio en HTML ?

Le code pour insérer une chanson est encore plus simple que le précédent. Vous n'avez qu'à changer le champ suivant du code :

  • src : chemin d'accès à votre fichier audio
<html>
<head>
<title>Titre de la page</title>
</head>
<body>
<OBJECT id="video" HEIGHT="10" WIDTH="320">
<PARAM NAME="controls" VALUE="ImageWindow">
<PARAM NAME="console" VALUE="Clip">
<PARAM NAME="autostart" VALUE="true">
<PARAM NAME="src">
<EMBED SRC="votre fichier.mp3" type="audio/x-pn-realaudio-plugin" CONSOLE="Clip" CONTROLS="ImageWindow" AUTOSTART=true></embed>
</OBJECT>
</body>
</html>

Comment intégrer ces codes ?

L'insertion des codes se fait en 3 étapes :

  1. Copiez les codes ci-dessous et collez-les dans les pages que vous voulez (attention, si vous les insérez dans des pages déjà commencées, n'oubliez pas de retirer les balises <html>, </html>, <body> et </body>).
  2. Faites les modifications nécessaires (c'est-à-dire : src, width, height, loop, etc.).
  3. Enregistrez : si vous avez inséré les codes dans des pages vides, enregistrez au format que vous voulez (principalement html).

Et voilou !

As-tu aimé cet article ?
poule
2 articles 0 abonnés

Commentaires (0)

Connexion pour laisser un commentaire.

Chargement des commentaires...