video en boostrap
DESCRIPTION
hacer que el iframe redimensione con el responsive.TRANSCRIPT
Volver video boostrap para Joomla
Esta presentación esta dirigida a profesionales de diseño en internet
y webmaster
Dificultad de ejecucion: media
Joomla 3.2
¿Por qué HACERLO?• El 80% de usuarios de internet lo hacen en tablets,
smartphone y otros medios.• Queremos que nuestros contenidos esten siempre
visibles
Joomla 3.2Videos con bootstrap Videos sin bootstrap
SE ROMPE EL CONTENEDOR DEL VIDEO
• Cuando hablamos de boostrap, estamos hablando de responsive, tecnología inventada por Twitter, GRACIAS TWITTER
• Usaremos dos componente para la magia, el elemento html con el cual agregaremos nuestro video, ya sea youtube o vimeo.
• El otro componente es algo de estilos para decirle a nuestro componente que hacer (CSS)
Joomla 3.2
“EL HTML”
Joomla 3.2
CONTENEDOR CLASE VIDEO
EL IFRAME ES BASICAMENTE EL QUE NOS DA YOUTUBE EN “COMPARTIR
“EL CSS”
Joomla 3.2
DEFINIMOS NUESTRA POSICION RELATIVA ADENTRO DE NUESTRO CONTENEDOR
AQUÍ ES DONDE LE DECIMOS QUE TANTO EL IFRAME, OBJET Y EMBED SE MANTENGAN SIEMPRE AL 100%