¿Cómo especificar el tipo de recurso multimedia en HTML5?

Aquí, veremos cómo configurar el tipo de medio del recurso de medios usando HTML. Para establecer el tipo de medio del recurso de medios, usamos la etiqueta <source>. Esta etiqueta se utiliza para adjuntar archivos multimedia como audio, video e imágenes en una página web o sitio web. Los elementos <audio>, <video> y <picture> contienen el elemento <source> .

Sintaxis:

<source src="" type="">
   // Statements
</source>

Ejemplo:

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>
        How to specify the media type
        of the media resource in HTML5?
    </title>
</head>
  
<body style="text-align: center;">
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
  
    <h3>
        How to specify the media type
        of the media resource in HTML5?
    </h3>
  
    <video width="400" height="350" controls>
        <source src=
"https://media.geeksforgeeks.org/wp-content/uploads/output-1.mp4"
        type="video/mp4">
    </video>
    </br></br>
  
    <audio controls>
        <source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"
        type="audio/mp3">
    </audio>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por ppatelkap y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

HTML

Deja una respuesta Cancelar la respuesta