video en boostrap

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%