Cómo poner un VÍDEO en HTML que se reproduzca solo

Reproducir vídeo en HTML

Antes de HTML5 había que instalar plugins como Flash para ver los vídeos.

Ahora con la etiqueta <video> podemos incrustar vídeos en una página web.

See the Pen HTML | 4.2 - Video - 1 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

¿Cómo funciona?

El atributo controls agrega los controles de video, como reproducción, pausa y volumen.

Es recomendable incluir atributos de ancho (width) y alto (height). Si no se configuran alto y ancho, la página puede parpadear mientras se carga el video.

El elemento <source> le permite especificar archivos de video alternativos que el navegador puede elegir. El navegador usará el primer formato reconocido.

El texto entre las etiquetas <video> y </video> solo se mostrará en navegadores que no admitan el elemento <video>.

Autoplay

Con el atributo autoplay puedes hacer que el vídeo comience automáticamente. En dispositivos como iPad o iPhones no funciona

Soporte de los navegadores

En HTML5 hay 3 formatos soportados: MP4, WebM, Ogg.

Media types

Métodos, propiedades y evento

HTML5 define métodos DOM, propiedades y eventos para el elemento <video>.

Esto permite cargar, reproducir y pausar videos, así como configurar la duración y el volumen.

También hay eventos DOM que pueden notificarle cuando un vídeo comienza a reproducirse, está en pausa, etc.

¿Quieres más?

Si estás interesado en el mundo de la programación y el desarrollo web, te recomiendo que te suscribas a mi canal de youtube donde tienes mucho más contenido gratuito

IR AL CANAL

¿Quieres convertirte en desarrollador web? [GRATIS]

Déjame aquí tu mejor email y te mandaré un curso para que puedas empezar en el desarrollo web totalmente GRATIS!

¡Prometo no enviarte SPAM! Sólo cosas relevantes que te interesen.