Coloca un video de Youtube en WordPress adaptable a Moviles

Coloca un video de Youtube a WordPress adaptable a Moviles

Tienes problemas a la hora de visualizar tus videos de Youtube en tu blog de wordpress para que se vea en un celular o movil? si tu respuesta es SI, entonces revisa este post que he creado para ti, para que no tengas el problema de adaptar tus videos youtube en tu celular.

Como lo habras notado aun no hay plantillas de wordpress que automáticamente adapten los videos de youtube de tus post de tu blog  a móviles ni tampoco hay plugins que ayuden a adaptar ese problema, porque como veras en estos tiempos tu blog tiene que estar bien optimizado tanto para PC como para Movil y mas para móviles por que ya casi todo el mundo lo usa mas que la PC para buscar sus palabras claves.

Asi que a acontinuacion comparto contigo unos codigos sencillos que tendras que modificar a tu plantilla de wordpress.. ojo tendrás que modificar o tendrás que mandar a modificar lo, si necesitas ayuda me contactas por email.

Incluir en tu ccs:

Código:
.video1,
.widget_video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video1 iframe,
.widget_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

Luego solo hay que incluir el código iframe de tu video entre estos divs:

<div class=”video1″>código youtube aquí</div>

 

Si te gusto este post por favor compartelo en tus redes sociales y si puedes haz un comentario aquí abajo …te lo agradecería un montón.

Comments

comments

Deja un comentario

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Close
Apoya este sitio compartiendolo porfavor
Siguenos en cualquiera de estas Redes Sociales