La especificación HTML5 introdujo el elemento de video con el propósito de reproducir videos, [1] reemplazando parcialmente el elemento de objeto . Sus creadores pretenden que el video HTML5 se convierta en la nueva forma estándar de mostrar videos en la web, en lugar del estándar anterior de facto de usar el complemento patentado de Adobe Flash , aunque la adopción temprana se vio obstaculizada por la falta de acuerdo sobre qué formatos de codificación de video y los formatos de codificación de audio deben ser compatibles con los navegadores web. A partir de 2020, el video HTML5 es la única tecnología de reproducción de video ampliamente admitida en los navegadores modernos, y el complemento Flash se eliminará gradualmente.
El elemento <video> comenzó a ser discutido por el WHATWG en octubre de 2006. [2] El elemento <video> fue propuesto por Opera Software en febrero de 2007. [3] Opera también lanzó una versión preliminar que se exhibió el mismo día, [4 ] [5] y un manifiesto que pedía que el video se convirtiera en un ciudadano de primera clase de la web. [6]
El atributo "controles" habilita la propia interfaz de usuario del navegador para controlar la reproducción. Alternativamente, la reproducción se puede controlar con JavaScript , que el diseñador web puede usar para crear una interfaz de usuario personalizada. El atributo opcional "póster" especifica una imagen para mostrar en el lugar del video antes de que comience la reproducción. Su propósito es ser representativo del video.
La compatibilidad con el formato de video varía entre los navegadores (ver más abajo), por lo que una página web puede proporcionar video en múltiples formatos. Para otras funciones, a veces se utiliza el rastreo del navegador , lo que puede ser propenso a errores: el conocimiento de cualquier desarrollador web sobre los navegadores será inevitablemente incompleto o no actualizado. El navegador en cuestión "sabe mejor" qué formatos puede utilizar. El elemento "video" admite el respaldo mediante la especificación de múltiples fuentes. Usando cualquier número de elementos <source>, como se muestra a continuación, el navegador elegirá automáticamente qué archivo descargar. Alternativamente, la función JavaScript canPlayType () se puede utilizar para lograr lo mismo. El atributo "tipo" especifica el tipo MIMEy posiblemente una lista de códecs, que ayuda al navegador a determinar si puede decodificar el archivo sin comenzar a descargarlo. El tipo MIME denota el formato contenedor del archivo y el formato contenedor define la interpretación de la cadena del códec. [7]
La especificación HTML5 no especifica qué formatos de video y audio deben admitir los navegadores. Los agentes de usuario son libres de admitir cualquier formato de video que consideren apropiado, pero los autores de contenido no pueden asumir que todos los agentes de usuario que cumplan los requisitos podrán acceder a cualquier video, ya que los agentes de usuario no tienen un conjunto mínimo de formatos de video y audio para admitir.
El Grupo de Trabajo de HTML5 consideró conveniente especificar al menos un formato de video que todos los agentes de usuario (navegadores) deberían admitir. El formato ideal a este respecto sería: