Tutorial: Cómo agregar video de Youtube adaptable a móvil sin plugins

  • Autor Autor Googleriano
  • Fecha de inicio Fecha de inicio
Googleriano

Googleriano

1
Pi
Verificación en dos pasos activada
¡Ha verificado su Paypal!
Verificado por Binance
Suscripción a IA
Bueno, esta fue una mejora que hice hace unos meses, y fue la posibilidad de incluir mis videos de youtube y que se adapten a movil, sin tener que utilizar los dichosos plugins que solo sirven para adaptar el servidor...

La idea es que cuando acceda un usuario a tu video o sitio se autoadapte a su resolución...

Incluir en tu ccs:

Insertar CODE, HTML o PHP:
.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>

El código se puede simplificar a tu antojo. Espero les sirvan. 🙂
 
Última edición:
Tema aprobado y agregado al listado.

Yo utilizo el plugin wp youtube lyte que vino a remplazar smart youtube.
 
Muchas gracias por el aporte manuelspirit, a mas de uno le servirá.
 
gracias por el tutorial amigo muy bueno
 
Gracias por la aportación
 
Gracias, por esto tiene rato que mis videos de mi blog si se ven pero solo en Moviles de gama alta
 
Muy bueno, me funcionó.
Gracias por compartirlo.
 
Genial, muchísimas gracias por el aporte. Me lo guardo.
 
muchas gracias por el aporte amigo, se que me servira de mucho...
 
si lo vas a poner en cada post es una chambaza de nunca acabar ...tengo varios post con videos
 
Genial, Justo era lo que estaba buscando gracias.
 
bastante bueno! buen aporte
 
Tema aprobado y agregado al listado.

Yo utilizo el plugin wp youtube lyte que vino a remplazar smart youtube.

instale el plugin y no me sirvio... por cierto cada vez que comento me saca del sistema ytengo que volver a ingresar a mi cuenta porque?
 
Gracias por el aporte, había buscado plugins para eso pero esto me parece una buena forma de hacerlo aparte de que con los plugins quitas rapidez a la pagina. Saludos! 😉
 
Bueno amigo, muchas gracias
 
hice lo mismo para blogger y me resulto muy bueno agregando a favoritos
 
increíble aporte. gracias amigo
 
Atrás
Arriba