Video en boostrap
-
Upload
mynor-marroquin -
Category
Technology
-
view
460 -
download
0
description
Transcript of Video en boostrap
![Page 1: Video en boostrap](https://reader036.fdocumento.com/reader036/viewer/2022082809/557b27f1d8b42a796a8b52ce/html5/thumbnails/1.jpg)
Volver video boostrap para Joomla
![Page 2: Video en boostrap](https://reader036.fdocumento.com/reader036/viewer/2022082809/557b27f1d8b42a796a8b52ce/html5/thumbnails/2.jpg)
Esta presentación esta dirigida a profesionales de diseño en internet
y webmaster
Dificultad de ejecucion: media
Joomla 3.2
![Page 3: Video en boostrap](https://reader036.fdocumento.com/reader036/viewer/2022082809/557b27f1d8b42a796a8b52ce/html5/thumbnails/3.jpg)
¿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
![Page 4: Video en boostrap](https://reader036.fdocumento.com/reader036/viewer/2022082809/557b27f1d8b42a796a8b52ce/html5/thumbnails/4.jpg)
• 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
![Page 5: Video en boostrap](https://reader036.fdocumento.com/reader036/viewer/2022082809/557b27f1d8b42a796a8b52ce/html5/thumbnails/5.jpg)
“EL HTML”
Joomla 3.2
CONTENEDOR CLASE VIDEO
EL IFRAME ES BASICAMENTE EL QUE NOS DA YOUTUBE EN “COMPARTIR
![Page 6: Video en boostrap](https://reader036.fdocumento.com/reader036/viewer/2022082809/557b27f1d8b42a796a8b52ce/html5/thumbnails/6.jpg)
“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%