var
Este tag representa el contenido como una variable de un lenguaje de programación. Pertencece al conjunto de elementos que se emplean para el resaltado de texto.
v
video
Hasta el momento los tags object e iframe eran la única herramienta de la que se disponía para insertar video en la web, lo cual nos obligaba a depender, o bien de un servidor de vídeo externo, como Youtube o Vimeo, o bien emplear flash para insertar un reproductor en la web que nos permitiera reproducir el vídeo en nuestro propio servidor.
Con el tag video, podemos hacer esto sin necesidad de flash ni de depender de otro sistema externo. Este elemento permite insertar vídeo en un contenedor con los controles de reproducción típicos de play, pause, control de volumen y control de la línea de tiempo de reproducción para poder situar el vídeo en un instante concreto dentro de la linea temporal del mismo.
A continuación se muestran los atributos de los que disponemos para este elemento:
src. Indica la ruta del archivo a reproducir.
autoplay. Permite que la reproducción comience de forma automática sin previo aviso. En
ocasiones no se recomienda su uso delegando el control de la misma al usuario.
width y height. Definen respectivamente la anchura y la altura que deberaá tener la etiqueta de video..
loop. Ejecuta la reproducción en bucle, de forma que al finalizar vuelve a empezar.
controls. Muestra los controles de reproducción.
preload. Indica cuándo se carga el contenido del video al cargar la web. Sus posibles valores son:
- auto. Si se selecciona esta opción, el contenido del vídeo se cargará por completo cuando visualiza la web. Esto puede repercutir en una alta cantidad de tráfico, lo que en dispositivos que no disponen de un gran ancho de banda o una capacidad de procesamiento elevada, como los teléfonos móviles, puede ocasionar graves problemas de rendimiento.
- none. Este valor evita que se cargue el contenido del video hasta que el usuario inicie la reproducción. Este valor nos permite ahorrar una gran cantidad de recursos, pero es posible que la reproducción se corte debido a falta de información, teniendo que esperar a la carga del video.
- metadata. Este valor indica al navegador que sólo se cargarán los datos asociados a la cabecera del vídeo, mostrando una imagen en caso de que la información de la cabecera de éste la proporcione, o una imagen basada en el primer frame del vídeo a reproducir.
muted. Si el atributo está presente, se silencia el audio del vídeo que se está reproduciendo.
poster. Define la ruta de la imagen que se cargará mientras no se haya iniciado la reproducción del vídeo.
Los formatos que podemos encontrar de manera nativa para los navegadores son: ogg, mp4 y webM.
El soporte para estos formatos en los navegadores actuales, aún no es total, por lo que dependiendo del que se esté utilizando podremos reproducir o no el vídeo en función del formato en el que esté, siendo ogg y webM los que mayor soporte tienen.