Comment définir l'URL d'un fichier média en HTML ?-tutoriel HTML-php.cn

Comment définir l'URL d'un fichier média en HTML ?

WBOY

Libérer： 2023-09-10 09:05:08

avant

1362 Les gens l'ont consulté

Comment définir lURL dun fichier média en HTML ?

Dans cet article, nous apprendrons comment définir l'URL d'un champ média en HTML.

Ici, nous allons apprendre à créer une URL pour un fichier multimédia en utilisant HTML. Nous utilisons la balise pour spécifier l'URL du fichier multimédia. Les fichiers multimédias (y compris les fichiers audio, vidéo et image) sont joints à l'aide de cette balise. L'élément est contenu dans les éléments

Grammaire

Voici la syntaxe de l'élément

<source src="" type="">…….</source>

Copier après la connexion

Plongeons dans l'exemple suivant pour en savoir plus sur la façon de définir les URL des fichiers multimédias en HTML.

Exemple 1

Dans les exemples suivants, nous utilisons la balise audio.

<!DOCTYPE html>
<html>
<body style="text-align: center;">
   <audio id="varma" controls>
      <source src="https://samplelib.com/lib/preview/mp3/sample-3s.mp3" type="audio/mpeg">
   </audio>
</body>
</html>

Copier après la connexion

Lorsque le script s'exécutera, il générera une sortie montrant les fichiers audio téléchargés sur la page Web à l'aide de la balise .

Exemple 2

Considérons l'exemple suivant où nous utilisons la balise avec une vidéo.

<!DOCTYPE html>
<html>
<body>
   <video width="400" height="350" controls>
      <source src="https://static.videezy.com/system/resources/previews/000/052/918/original/21.mp4"">
   </video>
</body>
</html>

Copier après la connexion

Lorsque vous exécutez le script ci-dessus, il générera une sortie contenant le texte utilisé dans le script ainsi que le colspan sur la page Web.

Exemple 3

Regardons un autre exemple où nous utilisons la balise avec une image.

<!DOCTYPE html>
<html>
<body>
   <h1>ELEPHANTS</h1>
   <p>Elephants are the largest existing land animals.</p>
   <p><br><img  src="https://www.tutorialspoint.com/assets/questions/media/500267-1671169181.png" alt="Comment définir l'URL d'un fichier média en HTML ?" ></p>
</body>
</html>

Copier après la connexion

Si le script est exécuté, une fenêtre de sortie apparaîtra montrant l'image téléchargée sur la page Web à l'aide de la balise .

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!