Como inserir vídeos em uma janela modal em HTML com Lightbox

K Johnson · 15/03/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 · 03/05/2016

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

SnakeNet · 03/05/2016

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

AquilesLatam · 03/05/2016

Hola Beta,

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

Saludos

rockola85 · 05/05/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 · 05/05/2016

solucionado?

K Johnson · 10/05/2016

patasgrunge disse:
pudiste resolver?

No te mando MP para ver si me puedes ayudar

- - - Actualizado - - -

rockola85 disse:
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/05/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/05/2016

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

rockola85 disse:
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/05/2016

Kenny Johnson disse:
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:

Inserir CODE, HTML ou 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/05/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 disse:
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:

Inserir CODE, HTML ou 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/05/2016

Kenny Johnson disse:
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í:

Inserir CODE, HTML ou 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/05/2016

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

rockola85 disse:
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í:

Inserir CODE, HTML ou 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/05/2016

Muy buenas,

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

Un abrazo,

Exab · 12/05/2016

Primer punto, los iframes no funcionan bien el local.

Como inserir vídeos em uma janela modal em HTML com Lightbox

K Johnson

DALLAS890

SnakeNet

AquilesLatam

rockola85

Alexandrap

K Johnson

rockola85

K Johnson

rockola85

K Johnson

rockola85

K Johnson

rockola85

Exab

Tópicos similares