Youtube Performance Optimization – Plugin para WordPress

¿Sabías que por mostrar un vídeo en tu web estás cargando 14 peticiones a los servidores de youtube?

Con el plugin YPO solo harás una petición a youtube.com y se cargará el vídeo cuando realmente el usuario lo quiera ver.

Reproductor oficial de Youtube

– 14 peticiones a youtube (imagen, css, javascript y cookies)
– Tamaño: 677 KB
– 1.06 segundos de carga

DEMO Reproductor YPO

– 1 sola petición a youtube (imagen)
– Tamaño: 78.7 KB (con la imagen más grande, pero puedes elegir el tamaño de la vista previa)
– 0.096 segundos de carga
– El reproductor de youtube se carga al hacer click en la imagen
– Fácilmente personalizable (tamaño, calidad, color del botón play, ocultar controles y título)
– Adaptado para móvil

Comprar plugin

Documentación

Ejemplo de arriba

<div><div style="max-width:100%;display:table-cell;vertical-align:middle;text-align:center;color:#fff;cursor:pointer;background:#000 url(//img.youtube.com/vi/Sr6uGSqd0mM/maxresdefault.jpg);background-position:center;background-size:cover;width:560px;height:315px;" onclick='this.style.background="black";this.innerHTML="";this.innerHTML="<iframe src=\"https://www.youtube.com/embed/Sr6uGSqd0mM?rel=1&autoplay=1&showinfo=1&controls=1\" height=\"315\" style=\"border:0;margin:0;width:100%;\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe>";return false;'><span style="border-radius:10px;padding:5px 15px;background:red;color:white;font-size:30px;">➤</span></div><br></div>

Atributos

id = Código Vídeo de youtube, /watch?v=Sr6uGSqd0mM
related = 0 (no mostrar relacionados, por defecto), 1 (mostrar relacionados)
controls = 1 (mostrar controles de reproducción, por defecto), 0 (no mostrar controles)
color = nombre del color o código hexadecimal RGB (por defecto «red» rojo)
info = 1 (mostrar título del vídeo, por defecto), 0 (no mostrar título)
width = tamaño ancho en pixeles (480 por defecto)
heigth = tamaño alto en pixeles (360 por defecto)
quality = calidad de la míniatura (m, medium, por defecto), baja calidad (l, low), alta calidad (h, high)
photo = URL a la imagen de la vista previa

Comprar plugin