Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje19-09-2011, 00:56 (UTC)    
Título del mensaje: [jQuery] Lightbox para mostrar videos
Responder citando
En este tema, les traigo una Herramienta que les Servira a muchos.

---------------------------------------------------
Todos sabemos que cuando queremos mostrar un Video de You tube. o otros, nos ocupa mucho espacio y no nos gusta. Pero te gustaria mostrarlo con la Galeria lightbox?


Mira un Ejemplo aqui : http://pruevasbrianpwg.es.tl/videos_galeria.htm

---------------------------------------------------
Comenzemos-
Vamos a pegar la Libreria JS,script y los Css
Cita:
<link type="text/css" href="http://emposha.com/demo/jqvideobox/css/jqvideobox.css" rel="stylesheet" /> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" src="http://emposha.com/demo/jqvideobox/js/swfobject.js" charset="utf-8"></script> <script type="text/javascript" src="http://emposha.com/demo/jqvideobox/js/jqvideobox.js" charset="utf-8"></script> <style type="text/css">
a:link, a:visited {color: #54CF00;text-decoration: none;}
a img {border: 1px solid #e7e7e7;padding: 5px;}
p {text-align:center;}
</style> <script>
$(document).ready(function() {
$(".vidbox").jqvideobox({'width' : 400, 'height': 300, 'getimage': true, 'navigation': false});
$(".vidbox2").jqvideobox({'width' : 400, 'height': 300, 'getimage': true, 'navigation': true});
}
);
</script>

Por ensima de la pagina o en el Editor html, en los dos es casi lo mismo.
Y lo Guardamos.

Ahora pegaremos el Html

Cita:
<a title="Youtube example." class="vidbox" href="http://www.youtube.com/watch?v=TnH5D2qwvpc">Texto Aqui</a>

es muy simple el Html, pero es importante para que aparezca el Video.
Editarlo:
http://www.youtube.com/watch?v=TnH5D2qwvpc: Es la url que colocaremos del video POR EJ:
Si la url del video es este :
Código:
http://www.youtube.com/watch?v=kDi8UU7gBJw&feature=feedlik

Nosotros pegaremos esto :
Cita:
http://www.youtube.com/watch?v=kDi8UU7gBJw

hasta que llegemos a la W y la sustituimos por la url del codigo Anterior.
Texto Aqui: Es un texto alternativo que colocaremos.
Y listo ! :D

Fuente: emposha.com/

Espero que les haya gustado.


Ultima edición por brianpwg el Lun Sep 26, 2011 9:39 pm; editado 1 vez
↑
Mensaje19-09-2011, 00:58 (UTC)    
Título del mensaje:
Responder citando
Excelente aporte!! Está buenísimo
______________
↑
Mensaje19-09-2011, 00:59 (UTC)    
Título del mensaje:
Responder citando
insaniquarium-deluxe escribió:
Excelente aporte!! Está buenísimo

Muchas gracias :D
↑
Mensaje19-09-2011, 01:03 (UTC)    
Título del mensaje:
Responder citando
Brian muchas gracias por este aporte buscaba algo parecido a esto,te lo agradezco 10/10.

Saludos
______________

Noticias Relevantes
Diablo III llegara el 15 de mayo
Se desvela Angry Birds Space
Call of Duty: Black Ops 2 podria anunciarse el 28
La portatil Neo Geo es oficial
Hemos activado nuestro foro... ¡ Entrar al foro !
↑
Mensaje19-09-2011, 01:16 (UTC)    
Título del mensaje:
Responder citando
noti-gamer escribió:
Brian muchas gracias por este aporte buscaba algo parecido a esto,te lo agradezco 10/10.

Saludos

Muchas gracias noti-gamer :D
↑
Mensaje19-09-2011, 11:13 (UTC)    
Título del mensaje: Re: jQuery - Lightbox para mostrar videos
Responder citando
Excelente brian sin duda alguna este codigo va a estar en mi web

saludos!
______________
Visitar sitio web


↑
Mensaje19-09-2011, 11:21 (UTC)    
Título del mensaje:
Responder citando
muy bueno el codigo
______________
Reglas del Foro

¿Dónde hacer mi tema/post?


Ultima edición por nuestrasxarlas el Lun Oct 10, 2011 7:01 am; editado 1 vez
↑
Mensaje19-09-2011, 14:24 (UTC)    
Título del mensaje:
Responder citando
Oie brian muy bueno espero y me ayudes con esto

Se puede hacer lo siguiente??

por ejemplo en ves de que salga el video salga un formulario o imagen o algo asi??

ohh si te sabes algun codigo parecido a este??

saludos!

Oie brian por cierto no se le puede poner una pequeña imagen asi como lo muestras tu en el preview?
______________
Visitar sitio web




Ultima edición por todaweb7 el Lun Sep 19, 2011 11:21 am; editado 1 vez
↑
Mensaje19-09-2011, 14:26 (UTC)    
Título del mensaje:
Responder citando
Está bueno el codigo

Saludos
______________


Super Mario la lleva, es lo mejor en Videojuegos, se los recomiendo


Ultima edición por supermarioworldsnes el Mar Sep 20, 2011 9:45 am; editado 1 vez
↑
Mensaje19-09-2011, 15:50 (UTC)    
Título del mensaje:
Responder citando
esta bueno mi pregunta es se ouede cin videos que no sean de youtube??
______________

http://www.hell-anime.es.tl
↑
Mensaje19-09-2011, 18:22 (UTC)    
Título del mensaje:
Responder citando
todaweb7 escribió:
Oie brian muy bueno espero y me ayudes con esto

Se puede hacer lo siguiente??

por ejemplo en ves de que salga el video salga un formulario o imagen o algo asi??

ohh si te sabes algun codigo parecido a este??

saludos!

Oie brian por cierto no se le puede poner una pequeña imagen asi como lo muestras tu en el preview?

Buscare y te dijo, y sobre la vista previa, debe salir con el link del You tube-

hell-anime: Si se puede, solo quize poner el de Youtube. Pero si quieres de otro, solo contactame
↑
Mensaje19-09-2011, 19:37 (UTC)    
Título del mensaje:
Responder citando
Muy bueno brian me encanto algun dia lo usare :B
↑
Mensaje19-09-2011, 20:56 (UTC)    
Título del mensaje:
Responder citando
Buen aporte amiguizo. Yo tmb pronto lo usaré.


______________


https://radiovijaer.es.tl/
↑
Mensaje19-09-2011, 21:06 (UTC)    
Título del mensaje:
Responder citando
Gracias a todos por sus Comentarios
______________
Es una reina, es una reina, fiesta fiesta. Tito el bambino
↑
Mensaje10-10-2011, 02:11 (UTC)    
Título del mensaje: saben como puedo poner los video de megavideo?
Responder citando
brianpwg escribió:
todaweb7 escribió:
Oie brian muy bueno espero y me ayudes con esto

Se puede hacer lo siguiente??

por ejemplo en ves de que salga el video salga un formulario o imagen o algo asi??

ohh si te sabes algun codigo parecido a este??

saludos!

Oie brian por cierto no se le puede poner una pequeña imagen asi como lo muestras tu en el preview?

Buscare y te dijo, y sobre la vista previa, debe salir con el link del You tube-

hell-anime: Si se puede, solo quize poner el de Youtube. Pero si quieres de otro, solo contactame
↑
Mostrar mensajes anteriores:   
  • Página 1 de 2

  •  
    • Saltar a:  


Powered by phpBB © 2001, 2005 phpBB Group

© 2024 webme GmbH, Alemania. Todos los derechos reservados.