HTML | Atributo de reproducción automática

El atributo de reproducción automática de HTML se usa para especificar que el audio/video debe comenzar a reproducirse automáticamente cuando se carga la página web. Es un atributo booleano. 
Sintaxis: 
 

<element autoplay> 

Usos Se puede utilizar con los elementos <audio> y <video>
Ejemplo 1: aquí se usa el atributo de reproducción automática con la etiqueta  <video> .
 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>HTML video autoplay Attribute</title>
</head>
 
<body>
    <center>
        <h1 style="color:green;">GeeksforGeeks</h1>
 
        <h3>HTML video autoplay Attribute</h3>
 
        <video width="400" height="200" controls autoplay>
            <source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190616234019/Canvas.move_.mp4"
                    type="video/mp4">
            <source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190616234019/Canvas.move_.ogg"
                    type="video/ogg">
        </video>
    </center>
</body>
 
</html>

Producción: 
 

Ejemplo 2: aquí se usa el atributo de reproducción automática con la etiqueta  <audio> .
 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML audio autoplay Attribute
    </title>
</head>
 
<body style="text-align: center">
 
    <h1 style="color: green">
        GeeksforGeeks
    </h1>
 
    <h2>HTML audio autoplay Attribute</h2>
 
    <audio controls autoplay>
        <source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190531165842/Recording1514.ogg"
                        type="audio/ogg">
        <source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190531165842/Recording1514.mp3"
                    type=" audio/mpeg ">
    </audio>
</body>
 
</html>       

Producción: 
 

Navegadores compatibles: los navegadores compatibles con los atributos de reproducción automática de HTML se enumeran a continuación: 
 

  • Google Chrome 3.0 y superior
  • Internet Explorer 9.0
  • Firefox 3.5 y superior
  • Safari 3.1 y superior
  • Ópera 10.5 y superior
  • Borde 12 y superior

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 *