Cómo insertar videos en una ventana modal en HTML con Lightbox

K Johnson · 15 Mar 2016

Hola amigos quiero que mis vídeo que agregue en mi pagina no se abran en otra pestaña o ventana quiero que se abra en una venta modal como Lightbox he visto algunos tutos he aplicado pero no me funciona alguien me puede ayudar, estoy trabajando un una plantilla html en mi ordenador, osea todavía la pagina no esta publicada estoy haciendo modificaciones desde mi pc, pero cuando quiero aplicar el Lightbox no me funciona alguien me puede ayudar por favor gracias.

DALLAS890 · 3 May 2016

Hola, te puedo ayudar con algo.. Envia mp :topsy_turvy:

SnakeNet · 3 May 2016

[MENTION=14869]Kenny Johnson[/MENTION] sigues con el inconveniente?

AquilesLatam · 3 May 2016

Hola Beta,

Busca e implemente REVOLUTION LIGHTBOX, soporta iframes, html, url externas, youtube, vimeo, swf... y además es RESPONSIVO.

Saludos

rockola85 · 5 May 2016

Hola!

Yo utilizo siempre ekko-lightbox, que además de videos de youtube permite contenido remoto, etc. etc.
Échale un vistazo, aquí tienes toda la info que necesitas, y si tienes más dudas, avisa.

Bootstrap 3 Lightbox

Un saludo,

Alexandrap · 5 May 2016

solucionado?

K Johnson · 10 May 2016

patasgrunge dijo:
pudiste resolver?

No te mando MP para ver si me puedes ayudar

- - - Actualizado - - -

rockola85 dijo:
Hola!

Yo utilizo siempre ekko-lightbox, que además de videos de youtube permite contenido remoto, etc. etc.
Échale un vistazo, aquí tienes toda la info que necesitas, y si tienes más dudas, avisa.

Bootstrap 3 Lightbox

Un saludo,

ME puedes ayudar para la Implementacion

rockola85 · 10 May 2016

Hola [MENTION=14869]Kenny Johnson[/MENTION],

Para eso estamos.
¿Puedes darnos una URL donde podamos ver qué llevas o qué código tienes y en base a ello indicarte correctamente dónde implementarlo y cómo utilizarlo?

K Johnson · 10 May 2016

Esta es amigo .:. Ministerio EvangÃ©lico Ãrbol de Vida .:.

rockola85 dijo:
Hola Kenny Johnson,

Para eso estamos.
¿Puedes darnos una URL donde podamos ver qué llevas o qué código tienes y en base a ello indicarte correctamente dónde implementarlo y cómo utilizarlo?

rockola85 · 10 May 2016

Kenny Johnson dijo:
Esta es amigo .:. Ministerio EvangÃ©lico Ãrbol de Vida .:.

Buenas,

El <head> debería quedarte así,
Perl Nopaste

Y antes del </body> esto,
Perl Nopaste

Ten cuidado porque tenías el Body mal. Lo cerrabas y luego incluías JS. Eso no es correcto, debes hacerlo ANTES de cerrarlo. Fijate bien en el enlace que te he pasado.

Para ampliar cualquier imagen con lightbox, utilizaríamos esto:

Insertar CODE, HTML o PHP:

<a href="http://www.placehold.it/800x600" data-toggle="lightbox" data-title="Titulo de la imagen en el Lightbox (cuando se abra)">abrir imagen</a>

Espero lo entiendas. No obstante, avísame si no.

Avísame cuando lo implementes tal y como te he mostrado en los enlaces para ver si funciona 🙂

Un saludo,

K Johnson · 10 May 2016

Listo ya aplique lo que me mandaste ahora como hago para que los videos me salgan en Lightbox? Puedes revisar si quedo bien

rockola85 dijo:
Buenas,

El <head> debería quedarte así,
Perl Nopaste

Y antes del </body> esto,
Perl Nopaste

Ten cuidado porque tenías el Body mal. Lo cerrabas y luego incluías JS. Eso no es correcto, debes hacerlo ANTES de cerrarlo. Fijate bien en el enlace que te he pasado.

Para ampliar cualquier imagen con lightbox, utilizaríamos esto:

Insertar CODE, HTML o PHP:

<a rel="nofollow" href="http://www.placehold.it/800x600" data-toggle="lightbox" data-title="Titulo de la imagen en el Lightbox (cuando se abra)">abrir imagen</a>

Espero lo entiendas. No obstante, avísame si no.

Avísame cuando lo implementes tal y como te he mostrado en los enlaces para ver si funciona 🙂

Un saludo,

rockola85 · 10 May 2016

Kenny Johnson dijo:
Listo ya aplique lo que me mandaste ahora como hago para que los videos me salgan en Lightbox? Puedes revisar si quedo bien

Hola,

Está perfectamente instalado.

Tal y como dice aquí,
Bootstrap 3 Lightbox

Imagina que tenemos una imagen que queremos que, cuando se haga click sobre ella, se abra ekkoLightbox mostrando el vídeo de YouTube. El código debería ser algo así:

Insertar CODE, HTML o PHP:

<a href="http://www.youtube.com/watch?v=k6mFF3VmVAs" data-toggle="lightbox">
	<img src="http://planescalonhn.com/images/blog/blog-thumb-02.png">
</a>

¿Me sigues?

PD.: No sé si lo que quieres es que cuando hagan click en un vídeo embedido de los que tienes en la Web, se abra el modal, pero si esto es así, eso no puede hacerse. La forma correcta sería extraer una imagen de ese vídeo y enlazarla como te explico arriba.

K Johnson · 10 May 2016

Gracias amigo eres un Crack ya me quedo todo bien, puedes revisarlo haber que tal quedo

rockola85 dijo:
Hola,

Está perfectamente instalado.

Tal y como dice aquí,
Bootstrap 3 Lightbox

Imagina que tenemos una imagen que queremos que, cuando se haga click sobre ella, se abra ekkoLightbox mostrando el vídeo de YouTube. El código debería ser algo así:

Insertar CODE, HTML o PHP:

<a rel="nofollow" href="http://www.youtube.com/watch?v=k6mFF3VmVAs" data-toggle="lightbox"> <img src="http://planescalonhn.com/images/blog/blog-thumb-02.png"> </a>

¿Me sigues?

PD.: No sé si lo que quieres es que cuando hagan click en un vídeo embedido de los que tienes en la Web, se abra el modal, pero si esto es así, eso no puede hacerse. La forma correcta sería extraer una imagen de ese vídeo y enlazarla como te explico arriba.

rockola85 · 10 May 2016

Muy buenas,

Te ha quedado estupendo compañero!
Cualquier cosa que necesites, aquí estamos.

Un abrazo,

Exab · 12 May 2016

Primer punto, los iframes no funcionan bien el local.

Cómo insertar videos en una ventana modal en HTML con Lightbox

K Johnson

DALLAS890

SnakeNet

AquilesLatam

rockola85

Alexandrap

K Johnson

rockola85

K Johnson

rockola85

K Johnson

rockola85

K Johnson

rockola85

Exab

Temas similares