¿Cómo agregar video en HTML5?

En este artículo, definiremos cómo agregar contenido de video usando un elemento <video> en el documento. Antes de que existiera HTML5, los videos solo se podían reproducir en un navegador usando un complemento como flash, pero después del lanzamiento de HTML5, agregar un video a una página web es tan fácil como agregar una imagen. El elemento «video» de HTML5 especifica una forma estándar de incrustar un video en una página web. Hay tres formatos diferentes que comúnmente son compatibles con los navegadores web: mp4, Ogg y WebM. La siguiente tabla enumera los formatos admitidos por diferentes navegadores:

Sintaxis: 

<video src="" controls></video>

Ejemplo:

<!DOCTYPE html>
<html>
  
<head>
    <title>
        Define a Video or move?
    </title>
</head>
  
<body>
    <h2>
        GeeksForGeeks
    </h2>
    <h2>
        HTML5: How to define 
        a Video or Movie?
    </h2>
  
    <p>
        Adding Video on my webpage
    <p>
        <video width="400" height="350" controls>
            <source src="myvid.mp4" type="video/mp4">
            <source src="myvid.ogg" type="video/ogg">
        </video>
</body>
  
</html> 

Producción:

Navegadores compatibles:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *