Video en HTML

Un elemento de video con controles, un cuadro de portada y subtítulos.

<video controls width="640" poster="/img/preview.jpg"
       preload="metadata">
  <source src="/media/demo.webm" type="video/webm">
  <source src="/media/demo.mp4" type="video/mp4">
  <track src="/media/demo.en.vtt" kind="captions" srclang="en"
         label="English" default>
  <p>Your browser cannot play this video.</p>
</video>

Cómo funciona

1. Varios hijos source dejan al navegador elegir códec.
2. track agrega subtítulos o captions desde un archivo WebVTT.
3. El texto dentro del elemento es el fallback para navegadores viejos.

El intento, en números

Líneas

8

Caracteres a escribir

310

Tokens

59

Ritmo de tres estrellas

75 tpm

Al ritmo de tres estrellas de 75 tokens por minuto, este intento toma unos 47 segundos.

Escribe este fragmento

Paso 1 de 9 en Medios e incrustaciones; paso 8 de 23 en Semántica y metadatos.

← Anterior Siguiente →