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

Googleriano Siguiendo
Seguidores
13

1
Pi
Verificación en dos pasos activada
¡Ha verificado su Paypal!
Verificado por Binance
Suscripción a IA
Desde
28 Oct 2010
Mensajes
6.174
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:

Carlos Arreola

Admin
Sigma
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
¡Excelente comerciante!
Suscripción a IA
Desde
6 Abr 2009
Mensajes
12.388
Tema aprobado y agregado al listado.

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

JD Full Digital

1
Pi
SEO
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
¡Excelente comerciante!
Suscripción a IA
Desde
29 Abr 2012
Mensajes
5.105
Edad
26
Muchas gracias por el aporte manuelspirit, a mas de uno le servirá.
 

Angel Perales

Préstamo
Iota
Social Media
Desde
4 Ago 2013
Mensajes
2.014
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Gracias, por esto tiene rato que mis videos de mi blog si se ven pero solo en Moviles de gama alta
 

joremanhd

1
Lambda
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
3 Sep 2015
Mensajes
2.999
muchas gracias por el aporte amigo, se que me servira de mucho...
 

mikimoney

Delta
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
4 Abr 2012
Mensajes
725
si lo vas a poner en cada post es una chambaza de nunca acabar ...tengo varios post con videos
 

rasfu24

Iota
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Desde
10 Sep 2016
Mensajes
2.372
Edad
24
bastante bueno! buen aporte
 

mikimoney

Delta
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
4 Abr 2012
Mensajes
725
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?
 

TataLezama

Gamma
Programador
Verificado por Whatsapp
Desde
16 Feb 2017
Mensajes
363
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! ;)
 

thassarian

Beta
Redactor
Verificación en dos pasos activada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
26 Feb 2017
Mensajes
92
Bueno amigo, muchas gracias
 

chistosito

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
30 Abr 2017
Mensajes
103
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
hice lo mismo para blogger y me resulto muy bueno agregando a favoritos
 

VipSeo

Beta
SEO
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
28 Abr 2017
Mensajes
31
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
increíble aporte. gracias amigo
 
Arriba