Ratio: 0 / 5

Inicio desactivadoInicio desactivadoInicio desactivadoInicio desactivadoInicio desactivado
 

Parametros video embebido

Una forma muy sencilla de incluir vídeos en nuestra web sin necesidad de subirlos al servidor, lo que ocuparía un espacio en disco innecesario, es embeberlos directamente desde plataformas de vídeo online, como puede ser Youtube.

Esta acción permite personalizar algunas funcionalidades en la visualización y reproducción de los vídeos, muy útiles para el diseño web y la experiencia de usuario.

Cuando accedemos a la opción de compartir el vídeo, concretamente en Insertar, obtenemos un código html, iframe, el cual se debe pegar en la página web donde queramos visualizarlo. Es en este punto cuando podemos añadir distintos parámetros de código de personalización.

La estructura básica es la siguiente:

<iframe width="560" height="315" src="https://www.youtube.com/embed/2ejkzjGdG5Q" frameborder="0" allowfullscreen></iframe>

 

Los parámetros deben situarse siempre detrás del ID del vídeo (www.youtube.com/embed/2ejkzjGdG5Q), se añade un interrogante (?) y después el nombre del parámetro siguiendo esta fórmula:

parametro1=valor&parametro2=valor&parametro3=valor

 

El símbolo “&”, es necesario para sumar distintas etiquetas. El código quedaría así:

<iframe width="560" height="315" src="https://www.youtube.com/embed/2ejkzjGdG5Q?parametro1=valor&parametro2=valor&parametro3=valor" frameborder="0" allowfullscreen></iframe>

 

Algunos de los parámetros que podemos modificar son:

Tamaño del vídeo
Para cambiar el tamaño del vídeo, podemos modificar los valores de "width" y "height", estos representan las dimensiones del vídeo en píxeles y se pueden sobreescribir. Otra opción para definir el tamaño "width" es el valor 100%, al añadir el porcentaje, el vídeo se ajustara a la totalidad de la plantilla.

El vídeo se reproduce de forma automática al cargar la página
autoplay=1

Para reproducir el vídeo en bucle
loop=1. En ocasiones, la compatibilidad del parámetro es limitada en algunos reproductores, por eso se aconseja que se use junto al parámetro playlist (si lo que se busca es reproducir un solo vídeo y no una lista de reproducción). El valor de playlist es el ID del vídeo (playlist=2ejkzjGdG5Q, en nuestro caso)

Quiero que el vídeo se inicie en otro momento diferente al inicio
start=100 (el tiempo se escribe en segundos)

Quiero que el vídeo se detenga en un momento determinado
end=100 (el tiempo se escribe en segundos). El tiempo se mide desde el inicio y no desde el parámetro start si lo tuviera.

Reproducir varios vídeos en un solo reproductor embebido
Playlist=2ejkzjGdG5Q,lxpL44zCXKg,TwmNeP2cAAA El primer vídeo que se reproduce es el que haya en la dirección URL, después se reproducirán los especificados en el parámetro.

Desactiva los vídeos relacionados al finalizar la reproducción
rel=0

Esconder el logo de Youtube de la barra de control
modestbranding=1

Ocultar la información del vídeo que aparece en la parte superior (título, usuario)
showinfo=0

Esconder la barra donde aparecen los controles del vídeo
controls=0

Evitar que se muestre el botón de reproducción de pantalla completa
fs=0

Cambiar el degradado de la barra de controles de reproducción de oscuro a claro
theme=light. Si quieres volver a poner la sombra oscura, sustituye el valor por =dark

Establecer subtítulos de forma predeterminada, aunque el usuario los tenga desactivados
cc_load_policy=1

Muestra las anotaciones que haya en el vídeo de forma predeterminada
iv_load_policy=1, si queremos todo lo contrario, que desaparezcan, el valor será 3 (iv_load_policy=3)

Compartir en Menéame

Compartir

Submit to DeliciousSubmit to DiggSubmit to FacebookSubmit to Google BookmarksSubmit to StumbleuponSubmit to TwitterSubmit to LinkedIn

Artículos relacionados

Seguir

 

 twitter black google plus black linkedin blackrss blackkyoutube blackdelicious black pinterest black facebook black

Síguenos en Flipboard

Marketing Actual

Este sitio utiliza cookies para mejorar la navegación y mostrarle información comercial. Puede ampliar la información sobre nuestra política de cookies aquí. Saber más

Acepto