Programación y ejemplos de PHP, jQuery, HTML5, WordPress, MySQL y htaccess


Atributos height y width para dar tamaño a la etiqueta video HTML5

Sencillo y rápido post para repasar los atributos height y width para la etiqueta video HTML5. Estos 2 atributos sirven como su nombre indica para definir el tamaño de un vídeo en altura y anchura.

Otros post de HTML5 con información sobre atributos de vídeo y audio son:

Sintaxis de los atributos height y width

Os muestro la sencilla sintaxis de estos atributos para vídeo extraída de su web oficial:

Tal y como se aprecia en el código superior es muy fácil poner los atributos height y width. Repasemos el código:

  • Con <video> indicamos que vamos que se va a embeber un vídeo, podemos asignar un alto y ancho al reproductor.
  • Con <source> especificamos la ruta del vídeo a reproducir.
  • Con width y heigth establecemos las dimensiones.
  • Con el atributo controls mostramos los controles del player.

Ejemplo de los atributos height y width para la etiqueta video HTML5

Vamos con este ejemplo de la etiqueta vídeo para verla en funcionamiento:

Os explico detenidamente el ejemplo superior:

  • Tenemos la etiqueta video con los atributos height y width para darle las dimesiones.
  • Con el atributo controls mostramos los controles del player (play, pause, volumen…).
  • En la etiqueta source establecemos la ruta (src) del vídeo a reproducir y definimos el tipo (video/mp4).
  • En caso de que el navegador no soporte esta etiqueta mostramos un mensaje por pantalla diciendo que el navegador no es compatible con la etiqueta.
comments powered by Disqus

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR