Descripción
El elemento video de HTML es una herramienta muy útil que se utiliza para incrustar contenido de video directamente en los documentos. Esta funcionalidad es una de las muchas novedades que trae consigo HTML5.
Este elemento permite a los desarrolladores incorporar contenido multimedia, específicamente videos, directamente en la página web. Lo que lo hace aún más valioso es que no hay necesidad de depender de plugins externos como Flash, que anteriormente eran necesarios para este tipo de tareas.
Esto significa que los desarrolladores pueden tener un mayor control sobre el contenido de video y cómo se presenta, además de que los visitantes del sitio web no tendrán que lidiar con la instalación de plugins adicionales simplemente para ver un video.
Sintaxis
<video src="mivideo.mp4" controls></video>
Atributos
Atributos Globales
- accesskey
- autocapitalize
- autofocus
- contenteditable
- dir
- draggable
- enterkeyhint
- hidden
- inputmode
- is
- itemid
- itemprop
- itemref
- itemscope
- itemtype
- lang
- nonce
- spellcheck
- style
- tabindex
- title
- translate
Ejemplo
<video controls="">
<source src="/videos//tecla.ogv" type="video/ogg">
<source src="/videos/tecla.mp4" type="video/mp4">
<source src="/videos/tecla.webm" type="video/webm">
Tu navegador no soporta el elemento <code>video</code>
</video>
Artículos
- Vídeo a Pantalla Completa
- Vídeo como background en HTML5
- Tiempo visualizado del vídeo en HTML5
- Controlar volumen de vídeo HTML5 con un Slider
- Tiempo total de un vídeo HTML5
- Controlar un error de carga de un vídeo en HTML5
- Parar la descarga de un vídeo en HTML5
- Iniciar automáticamente un vídeo en HTML5
- Cargar un vídeo de diferentes formatos con HTML5
- Cargar un vídeo en HTML5
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.