DROPCODING BLOG

Agregar un vídeo en HTML de forma fácil

Insertar un vídeo en HTML es un poco más complicado que insertar una imagen en html, pero como la mayoría de cosas en este lenguaje, es relativamente fácil de hacer.

Así que vamos a ver muy rápidamente como puedes agregar un vídeo en tu sitio web de forma simple.

Insertar un vídeo en HTML

Lo primero que tenemos que hacer para insertar un vídeo es utilizar la etiqueta <video> para declarar donde va exactamente el vídeo. Luego añadir la etiqueta <source> con la ruta del archivo, donde lo tengamos almacenado.

Vamos a ver un pequeño ejemplo de como hacerlo.

Como hemos visto en el vídeo, agregamos varias propiedades para personalizar el archivo multimedia y para que el usuario pueda verlo de forma correcta.

Recomendamos utilizar siempre el atributo controls dentro de la etiqueta <video> de HTML para que el usuario pueda controlar la reproducción de este.

Atributos etiqueta video en HTML

Existen otros atributos para personalizar nuestros vídeos en HTML. ¿Quieres saber más sobre el tema? ¿Tienes alguna duda o sugerencia? Déjamelo en los comentarios y te contestaré lo más rápido posible.

Apúntate a la Newsletter y Mejora tus Habilidades

Conoce los secretos mejor guardados sobre el Diseño y el Desarrollo Web.

Suscríbete

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *