Saltar al contenido

Atributo autoplay de HTML

El atributo autoplay de HTML es un atributo booleano que especifica que el audio o el video comenzará a reproducirse automáticamente tan pronto como sea posible.

Puedes usar este atributo en los siguientes elementos: <audio> y <video>.

Sintaxis

html
<tag autoplay>&lt;/tag&gt;

Nota: Los navegadores modernos restringen la reproducción automática (autoplay) para medios con pistas de audio. Para garantizar que funcione, también debes incluir el atributo muted en el elemento.

Ejemplo del atributo autoplay de HTML utilizado en el elemento <audio>:

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <audio controls autoplay>
      <source src="https://es.w3docs.com/build/audios/jingle_bells.ogg" type="audio/ogg" />
      <source src="https://es.w3docs.com/build/audios/audio.mp3" type="audio/mpeg" />
    </audio>
    <p>Click the play button</p>
  </body>
</html>

Ejemplo del atributo autoplay de HTML utilizado en el elemento <video>:

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <video width="320" height="240" controls autoplay muted>
      <source src="http://techslides.com/demos/sample-videos/small.ogv" type="video/ogg" />
      <source src="https://es.w3docs.com/build/videos/arcnet.io(7-sec).mp4" type="video/mp4" />
    </video>
    <p>Some information about video</p>
  </body>
</html>

Práctica

¿Cuál es el uso correcto del atributo 'autoplay' en HTML?

¿Te resulta útil?

Vista previa dual-run — compárala con las rutas Symfony en producción.