Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Poner video de Youtube sin Plugins
#1
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:

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>

El código se puede simplificar a tu antojo. Espero les sirvan. [Imagen: peaceful.png]
#2
Gracias por compartir veré la forma de probarlo hay muy buena información en el foro excelente
#3
muy bueno informaciopn pero prefiero usar los plunig es mucho mas rapido
[Imagen: Nexo_Firma.gif]
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  [Duda] algun plugin para poner imagen destacada por link externo skions 5 158 07-09-2018, 07:03 AM
Último mensaje: skions
  Top 3 plugins para build wordpress PabloA3 2 90 06-09-2018, 04:37 AM
Último mensaje: jcifuentes
  Top 5 de mejores plugins que los necesitaras para tu web PabloA3 1 59 03-09-2018, 12:59 AM
Último mensaje: ReyNexo23
  Acelerar Wordpress en 3 plugins jcifuentes 1 83 02-06-2018, 07:56 AM
Último mensaje: ReyNexo23
  Mis plugins imprescindibles para WordPress Posits 22 1,748 24-04-2016, 09:08 AM
Último mensaje: FerGarbage
  HUGE-IT Video Gallery [ Plugin ] ~3D 0 381 30-11-2015, 02:39 PM
Último mensaje: ~3D
  Solucionado: Problemas al añadir más plugins fercol 5 531 03-10-2015, 12:08 PM
Último mensaje: Vicen
  Metodo para poner anti adblock fercol 2 565 18-06-2015, 04:19 PM
Último mensaje: fercol
Pregunta Que plugins me recomiendan BladexGamer 11 819 31-05-2015, 05:57 PM
Último mensaje: jchamaya
  Añadir video en web Lolalium 1 284 18-05-2015, 07:24 PM
Último mensaje: papi



Usuarios navegando en este tema: 1 invitado(s)