Tutorial: Como adicionar vídeo do Youtube adaptável a celular sem plugins

  • Autor Autor Googleriano
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Googleriano

Googleriano

1
Pi
Verificación en dos pasos activada
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:

Inserir CODE, HTML ou 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 edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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.
 
Bueno el tutorial.

Funciona bien este 2017.
 
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
 
Voltar
Topo