Abrir videos en ventana emergente (Popup)

9 de mayo de 2009 154 comentarios ,
Algunas plantillas son un poco ajustadas y al poner videos estos se salen del post, y aunque podemos editar el tamaño de la pantalla del video en ocasiones el video no se aprecia igual que en su tamaño original, así que una buena solución para esto es abrir los videos en una ventana emergente, o sea en una ventana PopUp.
¿Cómo funciona? Lo que haremos será sustituir el video por una imagen que al darle click se abra una pequeña ventana para ver el video.

Sólo usa este código dentro del post:
<a title="Ver video" href="javascript:void(0);" onclick="window.open('http://www.youtube.com/v/DnzuKKG6-AA&autoplay=1', 'popup', 'left=390, top=200, width=425, height=344, toolbar=0, resizable=1')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkflVedUwKKgoh654jaZvKhtifboZ0jv04Sg62bmOxedIT9Aq1vwaDM4M15DyvCUTOT2p8HDmo3ZshjGV8vooP2OQjKZaKRB99_5LiSi24j3tA8JolnTSZEz4usxuK1EA7LS8jrWfG8qoj/s91/playvideoicon.gif" title="Ver video" /></a>

Ahora cambia la URL del video de YouTube, ten en cuenta que sólo debes cambiar la última parte de la dirección, o sea las letras que están en rojo, de lo contrario se abrirá toda la ventana de YouTube. Fíjate en este ejemplo:
URL video
Este código está programado para que el video se reproduzca automáticamente al abrirse la ventana, si deseas que se reproduzca hasta que el usuario le de click en Play entonces elimina esta parte: &autoplay=1
Puedes cambiar la URL de la imagen por otra, yo he hecho esta y puedes usarla si gustas. Para ver cómo queda haz click en la imagen.





ACTUALIZACIÓN (05/jul/2010):
Este código ya no funciona para Internet Explorer, únicamente para el resto de los navegadores.


154 comentarios en:

" Abrir videos en ventana emergente (Popup) "

  1. Ademas se carga mas rápido la página, ya que es mas sencillo cargar un imagen que el reproductor de Youtube!

    ResponderEliminar
  2. Tienes toda la razón. A los que tienen el blog saturado de videos les va a hacer más ligera la carga de la página.

    ResponderEliminar
  3. Mi blog tambien esta saturado y eso que no tengo videos. jajaja. A mi también me va a servir.

    ResponderEliminar
  4. Gran Potro.
    Ya eres, a esta altura, mi gran salvador para el blog.

    Maestro:
    Nuevamente necesito de tu ayuda.
    Necesito colocar en la sidebar un video que tengo alojado en un servidor "X". No he encontrado un código para algún reproductor "sencillo" y acorde a los tonos de mi blog, además que sea configurable en ancho y alto.
    Como lo puedo hacer?...

    San Potro, porfavor, dame una solución.
    Saludos y agradecido como siempre.
    Jpz.-

    ResponderEliminar
  5. Me gusta lo sencillo del reproductor que generas en este post.
    Como puedo cambiar el video de Youtube (en este caso) por algun video personal o el que yo quiera a excepción de youtube?.
    Se puede?.
    Saludos maestro.-

    ResponderEliminar
  6. Hola Jpz,
    Gracias por tus comentarios, pero estoy lejos de ser un maestro y más a un de ser un santo, jaja.
    Podrías hacerlo con este truco sólo que en lugar de poner la URL de la emisora pones la URL del video, aumenta el height a 245 o a la medida que quieras para adaptarla al tamaño que quieres.

    Los colores del reproductor son los mismos por default pues los provee Windows Media. Haz algunas pruebas pues no todos los navegadores aceptan todos los formatos de video.

    Saludos.

    ResponderEliminar
    Respuestas
    1. Potro que tal, fíjate que quisiera que me apoyarás con este rol de ventanas emergentes, tengo videos alojados pero en 4shared, y me gustaria saber si tendrás algún codigo que me funcione para hacer esto, te antemano gracias y espero una pronta respuesta..

      Eliminar
    2. No lo he probado con otro sistema de videos, en teoría debería funcionar con sólo cambiar la URL de youtube por la de 4shared.

      Eliminar
  7. Gracias nuevamente tu blog es muyyyyyyyyy bueno

    =)

    ResponderEliminar
  8. Me da gusto que te sea de ayuda.
    Saludos!

    ResponderEliminar
  9. ¡Hola!

    Te doy las gracias por ayudarme. ¿Puedes contestar otra pregunta? ¿Se puede abrir un reproductor de música en una ventana emergente (Windows Media Player, por ejemplo)? ¿Se puede con otros reproductores? ¿Cuáles? Apreciaré cualquier comentario tuyo.

    Discúlpame las molestias. Prometo no volver a molestarte, amigo.

    Chao. Cuídate.

    ResponderEliminar
  10. Hola Eduardo,

    No es ninguna molestia, por el contrario, se vuelve más enriquecedor en blog con las preguntas.
    He tenido problemas con el script que hace funcionar la ventana emergente para el reproductor de Windows Media Player, deja reviso el código y hago unos ajustes y en cuanto esté listo hago un post con la explicación.

    Saludos.

    ResponderEliminar
  11. muy buen dato y sabes lo enlace con un codigo para resaltar una imagen y funciona de maarvillas
    Gracias MAN

    Kuoves
    armandoequipos.ya.st

    ResponderEliminar
  12. Hola kuo,

    Me alegra que te haya funcionado, con imágenes también se ve genial.
    Saludos.

    ResponderEliminar
  13. hola, que pena pero apenas estoy empezando a trabajar con blogs, cual es el post donde se pega el codigo, gracias y disculpa

    ResponderEliminar
  14. Hola Ing. Jhon Mauricio Ramirez Herrera,

    Todos empezamos sin saber, no te preocupes.
    El código se pega donde escribes tus entradas (artículos o post), ahí pegas el código sustituyendo la dirección del video de YouTube.

    Saludos.

    ResponderEliminar
  15. potro, no se por que pero realice el truco en la entreda del post y una vez publidado salio todo el código HTML, como lo muestras y la imagen de PLAY... además de...LEER MÁS

    no me salio como en tú ejemplo mostrando solo la imagen PLAY, que hise mal???

    atte;
    Ronald
    www.pasionportemuco.tk

    ResponderEliminar
  16. Hola RonnyTemxcano,

    Cuando pongas el código en la entrada cerciórate que estés en la ficha Edición de HTML y no en la de Redactar, al igual si estás usando el Leer más revisa que el código no esté interfiriendo en alguna etiqueta del código de Leer más.

    Saludos.

    ResponderEliminar
  17. gracias potro era justo mi error lo coloque en Ficha de redactar, gracias

    ResponderEliminar
  18. hola, Potro

    felicitarte primero por el contenido de tu sitio, de gran ayuda para los blogers sin duda.

    Instalé este truco en uno de mis sitios, con Mozilla funciona correctamente per con Explorer los vídeos no se reproducen...

    Un abrazo.

    ResponderEliminar
  19. Hola albert serrano garcía,

    Debe ser alguna configuración de seguridad del navegador. Pero que no te extrañe que la mitad de las cosas no funcionen con Internet Explorer, ya sabes cómo es de "eficiente" ese navegador.

    Saludos.

    ResponderEliminar
  20. simplemnet lo que anda buscando ..jejej
    potro como siempre..haciendonos la vida facil y sobre todo Feliz...

    ResponderEliminar
  21. Ojalá todos los navegadores funcionaran igual, eso sí nos haría la vida más fácil, jaja.

    Saludos!

    ResponderEliminar
  22. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  23. El comentario anterior ha sido identificado como SPAM y se ha eliminado de la entrada.

    ResponderEliminar
  24. Hola, como estan?¿?
    Espero que bien, solo les queria hacer una pregunta,lo que pasa es que utilice este codigo (el del video en ventana emergente) en mi web y pues me esta dando problemas de compatibilidad con algunos navegadores y quisiera saber si alguien me puede a atydar a resolver este problema, gracias.

    Nota:La pagina en la que use este codigo es www.cranfanberries.club.officelive.com

    ResponderEliminar
  25. Hola "Cranpepe",

    El código funciona bien en todos los navegadores excepto en Internet Explorer, pero ya sabemos que casi nada funciona en ese navegador, así que al menos con este código no hay nada que hacer :(

    Saludos.

    ResponderEliminar
  26. hola y si en ves de Imagen quiero colocar un texto como le hago

    ResponderEliminar
  27. Entonces sólo cambia esta parte del código por el texto que quieres:

    <img src="http://dl.getdropbox.com/u/647003/CiudadBlogger/Iconos/playvideoicon.gif" title="Ver video" />

    Saludos.

    ResponderEliminar
  28. muy bueno el truco ese potro, pero ahora una pregunta .. se puede hacer que con cualquier cosa q vos quieras se abra una ventana emergente? .. por ej si yo quiero poner una imagen en tamaño chico y q cuando clickee se me abra una ventana nueva (pop up) y que se vea la imagen en su tamaño normal?

    ResponderEliminar
  29. Claro, sólo sería modificar el tamaño de la ventana (width y height) al tamaño de la imagen que tienes, además claro de poner la URL de la imagen en lugar de la del video.

    Saludos.

    ResponderEliminar
  30. Hola Potro
    Con lo referente a videos, me gustaria saber como empagino varios videos, como en las entradas.
    Te dejo una pagina para que veas a lo que me refiero
    www.maspublicidadymarketing.com (en la parte superior derecha -Videos destacados-)

    La verdad es que ando buscando algo similar pero no lo encuentro, a ver si haces un post sobre este truco.
    Gracias

    ResponderEliminar
  31. Esta opción de JMiur creo que te vendría bien:
    http://vagabundia.blogspot.com/2009/10/incrustar-multiples-videos-de-youtube.html

    Saludos.

    ResponderEliminar
  32. espero tu visita en mi sitio aca te dejo el link dejame el visto bueno http://exclusivojuegosparapc.blogspot.com/

    ResponderEliminar
  33. Como se puede utilizar el codigo para hacer pop up un chat de Xat en blogger? ya que cada que se va a una nueva entrada se reinicia el chat y es un gorro.

    ResponderEliminar
  34. Si el chat tuviera un URL donde carga se podría, pero el chat es un archivo flash y con este código no se puede.

    ResponderEliminar
  35. no funciona en win7 .... internet explorer solo abre el popup pero no reprodiceo y mesale un mensage que me dise abrir, guardar o cancelar pero en firefox si me funciona ayuda por favor ... gracias

    ResponderEliminar
  36. Desde hace unos meses ya no funciona en Internet Explorer, no es por el gadget o alguna configuración sino que ese navegador no acepta esos comandos.

    ResponderEliminar
  37. aaa ok muchas gracias por su tiempo q paginas mas buena la unica que me contestan de verdad felicitasiones ;)

    ResponderEliminar
  38. Saludos, antes que nada tu post esta super recontra bueno, tengo problemas con este truco ya que en internet explorer 8, me abre la ventana del video pero no reproduce nada, hay algo mas que tenga que hacer para que me funcione?, ya que este truco esta demasiado bueno y lo quiero implementar en mi blog. Saludos, espero tu respuesta.

    ResponderEliminar
  39. Muy buenos dias, Saludos nuevamente amigo, tambien me gustaria saber como coloco un texto en el enlace en vez de la imagen (ver video).

    ResponderEliminar
  40. Lamentablemente en Internet Explorer ya no funciona este truco, sólo para los demás navegadores.
    Para poner el enlace sólo elimina esta parte:
    <img src="http://dl.getdropbox.com/u/647003/CiudadBlogger/Iconos/playvideoicon.gif" title="Ver video" />
    Y en su lugar agrega el texto que quieres.

    Saludos.

    ResponderEliminar
  41. HOLA POTRO UN SALUDO...TE QUERIA PREGUNTAR A QUE SE DEBE QUE CARGUE LOS VIDEOS Y EN MOZILLA SE CARGAN BIEN EN EL BLOG Y EN EXPLORER QUEDA UN ESPACIO EN BLANCO Y NO CARGA http://www.angularestereo972fm.blogspot.com/ GRACIAS POR TU AYUDA

    ResponderEliminar
  42. Hola Angular Estereo 97.2 FM,
    En Internet Explorer ya no funciona el código :(

    ResponderEliminar
  43. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  44. Muy buena Potro.
    Una pregunta, ¿solo funciona con videos de youtube?
    y si no es asi como seria el codigo para el video de esta pagina

    http://tu.tv/videos/joga-bonito-cristiano-ronaldo

    ResponderEliminar
  45. Ese sitio no ofrece una ID para sus videos por lo tanto no se podrían usar para este código.

    Saludos.

    ResponderEliminar
  46. Saludos

    quisiera saber si en blogger se puede poner una ventana de estas que se abra al cargar la pagina, mi blog es www.lawebadeloso.blogspot.com y la pagina q kiero mostrar la tengo guardada en un sitio de un amigo....
    si no es mucha molestia me podrian dejar tambien la respuesta en un comentario en mi blog...

    gracias por toda la ayuda de este sitio...

    ResponderEliminar
  47. Gracias de antemano por la respuesta Podrias decirme como se puede arreglar el codigo html para que lo puedan ver en Internet Explorer ese tema de los videos en un pop up? ya sabes que con esto de que hay gente que no sabe de navegadores, como yo que no se nada de HTMl.. o cosa parecida... te agradezco la respuesta de antemano.

    ResponderEliminar
  48. Lamentablemente no es algo que nosotros como usuarios del navegador podemos hacer pues es simplemente que Internet Explorer no reconoce esos códigos.
    Quizá quieras considerar usar Shadowbox que es un sistema más elegante y que funciona en todos los navegadores.

    Saludos.

    ResponderEliminar
  49. potro te hago una pregunta queria crear una ventana popup pero no quiero poner un video o una imagen quiero que cuando se habra la ventana tena codigos html que se visulicen osea quiero poner por ejemplo un codigo como este

    <a href="http://www.4shared.com/ref/17594612/3"><img src="http://www.4shared.com/affiliate/images/b2.gif" alt="Join 4Shared Now!" /></a>

    no se si me entendes si me podes ayudar estaria muy bueno.

    ResponderEliminar
  50. Sigue los pasos de esta entrada que es para poner música en ventanas pop up sólo que en lugar de que incluyas el código del reproductor incluye el código HTML que quieres mostrar.

    ResponderEliminar
  51. Hola, y su quiero que en lugar de imagen sea texto como link, que le den clic y se abra el video ¿como le hago? gracias.

    ResponderEliminar
  52. Sólo elimina esta parte del código:
    <img src="http://dl.getdropbox.com/u/647003/CiudadBlogger/Iconos/playvideoicon.gif" title="Ver video" />

    Y en su lugar escribe el texto que quieras.
    Saludos.

    ResponderEliminar
  53. ¡Muchas gracias!... y otra pregunta, ¿funciona igual en otros navegadores? lo prove en explorer y no funciono, yo uso firefox.

    ResponderEliminar
  54. No. Como se menciona al final de la entrada ya no funciona para Internet Explorer.

    ResponderEliminar
  55. Potro... tienes alguna solución para los videos restringidos que solo se pueden ver en youtube?
    Un saludo.

    ResponderEliminar
  56. Ya lo solucione, copie y pegue el link del pop out de youtube

    http://www.youtube.com/watch_popup?v=BxJoqMfgiPg&vq=medium#t=50

    saludos

    ResponderEliminar
  57. Mis Amigos lo probé con un canal de Livestream, que queria poner en mi blog, y Funcionó de maravilla y ademas en IE9

    ResponderEliminar
  58. Visitenme y me cuentan que les parece:
    http://palabra-devida.blogspot.com/

    ResponderEliminar
  59. Excelente el tutorial mi buen Potro lastima que solo pude con videos de youtube y no me dejo con los videos que tengo guardados en Dropbox, no sabes porque?

    ResponderEliminar
  60. Sí debe funcionar, ¿te aparece algún error?

    ResponderEliminar
  61. Hola Potro, Muchas gracias por postear semejante codigo :), tengo una consulta, quiero utilizar una imagen propia para que al clickearla puedan ingresar al video, como hago eso?? :( Gracias!!!

    ResponderEliminar
  62. Hola,

    Sólo cambia en el código esta URL:
    http://dl.getdropbox.com/u/647003/CiudadBlogger/Iconos/playvideoicon.gif

    Y en su lugar pon la URL de la imagen que quieres.
    Saludos.

    ResponderEliminar
  63. Hola Potro, sabes como abrir en ventana los propios videos que se suben directamente a un articulo de Blogger?
    Un abrazo.

    ResponderEliminar
  64. Me temo que no es posible ya que el código que nos arroja no corresponde al de una página, y para poder meterlo dentro de un popup necesitaríamos que esté dentro de una página, como sucede en YouTube.

    ResponderEliminar
  65. Algo me temia Potro, ya que he hecho todo tipo de pruebas con el dichoso código que nos da y no ha habido manera de sacar nada en limpio, bueno que le vamos a hacer. Gracias de todas maneras.
    Un abrazo.

    ResponderEliminar
  66. buen aporte.. se me hizo mas facil todo..

    ResponderEliminar
  67. muchas gracias!
    Muy buen aporte, es justo lo que necesitaba
    tuve unos problemas pero logre arreglarlo

    Y nuevamente muchas gracias :)

    ResponderEliminar
  68. mmm A Mi me Falla. :| Tengo que publicarlo en edicion Html. Bien hasta ahi todo ok. Lo Publico pruebo anda. Voy a editar para agregar mas cosas. publico y no anda. :| No se a que se debe.

    ResponderEliminar
  69. Cuando lo pongas ponlo en la pestaña Edición de HTML, pero NO cambies a la pestaña Redactar, déjalo ahí en HTML porque si cambias de pestaña posiblemente se pierda la estructura del código.

    ResponderEliminar
  70. se puede poner otra cosa? q' no sea video osea un codigo HTML?

    ResponderEliminar
  71. Sí, pero tendrías que hacer una página HTML, esa página sería la que se abra al hacer click, y es esa página la que tendría el código que quieres.

    ResponderEliminar
  72. Hey potro que debo hacer para que la ventana pop Up solo de 2 opciones: minimizar y cerrar solamente

    Gracias !

    ResponderEliminar
  73. Ninguna hace eso, como se abre una ventana nueva ya no tienes poder de hacer nada con ella pues tú ya te encuentras en una ventana distinta.

    ResponderEliminar
  74. ok gracias, crei haber visto algo por ahi
    Gracias !

    ResponderEliminar
  75. ami no me funciono u.u puse el código en la entrada pero al momento de redactar desaparece una parte y solo queda la imagen img src="http://dl.getdropbox.com/u/647003/CiudadBlogger/Iconos/playvideoicon.gif" title="Ver video" /> pensé que era normal pero cuando publique no funciona igual . te dejo el link para que lo mires y me des una mano potro http://your-dark.blogspot.com/2011/10/nuevo-videoclip-musical-de-coldplay.html

    ResponderEliminar
  76. Cuando usamos scripts en las entradas no debemos cambiar a la pestaña Redactar:
    http://ciudadblogger.com/2009/11/como-poner-los-codigos-correctamente-en.html

    ResponderEliminar
  77. gracias potro eres un genio, pero hay otro problema abre la ventana pop - up pero el vídeo nunca carga, uso google chrome

    ResponderEliminar
  78. Yo lo veo funcionando bien Yusmer, igual uso Chrome.

    ResponderEliminar
  79. hola, ¿hay alguna forma de poder ver solo el contenido que quieras en una ventana emergente? por ejemplo, si yo quiero que en la ventana se vea solo un texto que esta en el centro de la pajina, ¿se podria hacer? como si fuera un iframe pero en una ventana emergente. No se si me he explicado muy bien, espero que se entienda.
    Muchas gracias y un saludo

    ResponderEliminar
  80. Sí, pero tendrías que crear un documento HTML, es decir, hacer una mini página Web y ahí poner el contenido que quieres mostrar; esa página sería la que pondrías en el código y es la que se abrirá en lugar del video.

    ResponderEliminar
  81. Uf, demasiado complicado para mi, ¿no sabras de algun tutorial para hacer eso? Yo creia que añadiendo algo como:
    style="width:970px; height:800px; margin-left:-197px; margin-top:-335px;" se desplazaria el contenido de la pagina hasta el punto que yo quisiera.
    Gracias por tu ayuda y un saludo.

    ResponderEliminar
  82. Quizá no te he entendido. Modificando esos valores sí se desplaza la ventana emergente al lugar que quieres, pero el contenido que abrirá seguirá siendo el del video. Si lo que quieres es que la ventana abra otra cosa que no sea un video entonces sí debes hacerlo que te mencionaba.

    ResponderEliminar
  83. Potro una pregunta, este codigo se puede usar también como gadget? en un elemento html? graciass

    ResponderEliminar
  84. Por supuesto Antoxwoman, puedes ponerlo en un gadget HTML/Javascript y funcionará de igual manera :)

    ResponderEliminar
  85. Gracias Potrito!!!! tu siempre tan solidario :) bexototes :D

    ResponderEliminar
  86. Hola Potro gracias a ti ya he puesto la musica en ventana emergente, pero me gustaría que fuese automático, que no hubiera que pinchar en él. He probado a poner autoplay como he leido en tu página pero no consigo nada. Mi reproductor es Mixpod. Te paso el enlace de mi blog a ver si tienes un ratejo y me ayudas. Gracias.
    http://deoropesaafuenlabrada.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Hola Car-Lan,
      No sé si Mixpod tenga la opción de autoplay, en la página de ese reproductor puedes investigar en las opciones para ver si es posible ponerlo.

      Saludos.

      Eliminar
  87. Hola Potro,hay alguna manera de que la pop-out permanezca visible al navegar por otras paginas??

    ResponderEliminar
    Respuestas
    1. Hola Suzanne, como se trata de una ventana emergente debe permanecer visible, a no ser que tu navegador no te lo permita. Yo por ejemplo uso Chrome, abro la ventana emergente, mientras se está reproduciendo el video puedo cerrar la pestaña donde hice click y seguir navegando, y el video continua sin problemas :)

      Eliminar
    2. Pues la verdad,he probado con todos los navegadores y en ninguno me la mantiene visible,y es muy raro porque la primera vez que visité el post y le dí a tu video,si que se mantenía visible pero a partir de ahi ya nada.De todas formas lo he puesto en un blog de prueba,si le quieres echar un vistazo te lo agradeceria para ver si es mi config la que falla.. http://granhermano13chatroom.blogspot.com/

      Eliminar
    3. Me funciona perfectamente Suzanne; por ahora sólo he podido probarlo en Chrome y Firefox, pero en ambos la ventana permanece visible, aun si abro más pestañas, o si cierro tu blog.

      Eliminar
    4. Ok gracias Potro,a mi es que me pasa con tods las ventanas emergentes,no se que configuración extraña tendré,uso windows 7 de Ultimate original y no he tocado nada..quien sabe.Bueno mientras le funcione a los demás yo encantada.Otra vez,gracias por la ayuda,este blog es excelente,sigue asi,un saludo.

      Eliminar
    5. De cualquier forma si puedes pregúntale a una persona más, digo, no vaya a ser que sólo a mí me esté funcionando bien, aunque me parece que al menos aquí nadie ha tenido problema con ello.

      Un saludo.

      Eliminar
  88. el codigo esta muy bueno pero podria pornerle publicidad de google adsense cuando abre ejemplo: publicidad + video de youtube +publicidad de arriba abajo

    ResponderEliminar
    Respuestas
    1. La publicidad de AdSense está prohibida añadirla no sólo en ventanas emergentes, sino también sobre otros elementos como videos o gráficos.

      Eliminar
  89. Hola Potro, tengo una duda como haria para poner videos que se encuentran ubicados en mi servidor,los videos se encuentran en un ftp, es que en la universidad donde trabajo no dejan abrir el youtube y otras paginas de video. gracias por tu respuesta

    ResponderEliminar
    Respuestas
    1. Hola Unknown, puedes usar un reproductor como JW FLV Player:
      http://vagabundia.blogspot.com/2008/12/jw-flv-player-personalizacin-y-skins.html

      Eliminar
  90. hola potro, esta bueno el truco. habria alguna forma para que en vez de hacer click en la imagen, se pudiera colocar un video que comience automatico al ingresar a la pagina? como de bienvenida?
    saludos maestro

    ResponderEliminar
  91. potro olvide agregar algo a mi pregunta.
    la repito desde el comienzo.
    necesito saber si habra alguna variante para este truco, que en vez de apretar en la imagen, el video aparezca automaticamente al entrar a la pagina? como de bienvenida?

    lo que olvide mencionar es que ya tengo insertado en la plantilla el codigo para abrir popup con una imagen que enseñaste en esta entrada http://ciudadblogger.com/2009/05/crear-ventanas-popup.html
    entonces no se si eso influira en algo.. espero que no o que se pueda arreglar, me gustaria usar ambas tecnicas para mi pagina. te la enseño www.viajeconciertos.com
    ojala me puedas ayudar

    saludos desde chile

    ResponderEliminar
    Respuestas
    1. Hola Viaje Conciertos, con Shadowbox podrías hacer que se abra una ventana modal al cargar el blog, además, el resultado es más elegante:
      http://ciudadblogger.com/2011/05/abrir-ventana-al-cargar-el-blog-con.html

      Eliminar
    2. MUCHAS GRACIAS!!! quedo mejor de lo que esperaba y no fue nada dificil. tus tutoriales son muy claros y especificos.
      solo me queda decir:
      GRACIAS!!!

      Eliminar
  92. FUNCIONA BIEN EL CODIGO, SOLO QUE NO SE COMO HACER PARA QUE CUANDO HABRO MI PAGINA, LA VENTANA EMERGENTE SALGA AUTOMATICAMENT

    ResponderEliminar
    Respuestas
    1. Mira esta entrada:
      http://ciudadblogger.com/2011/05/abrir-ventana-al-cargar-el-blog-con.html

      Eliminar
  93. Gracias sirvió de mucho, aunque me gustaría otro tipo de ventana emergente.

    ResponderEliminar
  94. Hola me gustaria saber si por favor sabes por casualidad un codigo en el cual al ingresar a la pagina web salga una ventana emergente con una imageny/o un video youtube

    por favor seria en verdad de mucha ayuda

    Gracias

    ResponderEliminar
  95. Hola me ha servido de mucho tus manuales!!

    Me gustaria saber si sabes algun codigo en el cual en el momento de ingresar a una pagina web salga una ventana emergente con una imagen y/o un video de youtube

    Muchas Gracias!!!

    ResponderEliminar
    Respuestas
    1. Por ahora no tengo ninguno, antes había uno que se abría al entrar al blog pero los navegadores ya no lo reconocen, seguro encuentras algo en la red.

      Eliminar
  96. Ahora cambia la URL del video de YouTube, ten en cuenta que sólo debes cambiar la última parte de la dirección, o sea las letras que están en rojo, de lo contrario se abrirá toda la ventana de YouTube. Fíjate en este ejemplo:


    NO ME QUEDA CLARO PORQUE COSA DEBIERA CAMBIARLO

    ResponderEliminar
    Respuestas
    1. Por el ID del video, son esos caracteres que están al final de la URL del video, por ejemplo:
      http://www.youtube.com/watch?v=1rhf8ymGHHg
      Aquí el ID es 1rhf8ymGHHg

      Eliminar
  97. Emilio, me gustaria que los videos que tengo en las diferentes paginas de mi blog se reproduciesen automaticamente cada vez que se entra en esa página. Como lo hago?

    ResponderEliminar
    Respuestas
    1. Perdone por llamarle Emilio, quise decir Potro

      Eliminar
    2. Depende qué reproductor de videos tengas, si son de YouTube basta con que les pongas autoplay, pero si hay entradas en la portada se reproducirán todos al mismo tiempo.

      Eliminar
  98. Hola Potro!!!
    Tengo un movil, tengo opera mini y explorer, tengo la url de un video, por decirlo asi ejemplo: "http://www.2shared.com/video/rsTuvWxyZ/Kaoma.html" y al darle click a este enlace me aparece l pagina de 2shared en donde esta alojado el video y ahi aparece el boton de descarga "DOWNLOAD" al cual le doy click y me Reproduce el video.
    Mi pregunta es: si me puedes ayudar para que a esta url o enlace cuando le de un click me Reproduzca el video directamente sinque ne mande a la pagina de 2shared, saltandome asi ese segundo click en el boton "DOWNLOAD"

    Gracias

    ResponderEliminar
    Respuestas
    1. Hola jhon, no puedes reproducir un video sin un reproductor, en esta entrada usamos YouTube porque YouTube nos provee tanto del video como del reproductor. Pero si tú quieres reproducir un video tienes que crear una página HTML, ahí instalar un reproductor (hay varios y cada uno tiene un procedimiento distinto) y luego esa página subirla a un alojamiento. Definitivamente es mucho más complicado.

      Eliminar
  99. vi tu video, no sabía que eras MEXICANO?
    si eres mexicano?

    buen aporte

    ResponderEliminar
  100. Hola, super ayuda tu post, pero resulta que necesito subirlo a eBay y no me deja, dice que no acepta códigos Java, en ese caso, como puedo hacerlo?

    Agradezco me puedas ayudar!!

    Gracias

    ResponderEliminar
  101. Hola, mucha ayuda tu post, pero resulta que no puedo utilizarlo en eBay, dice que no permite javascript.
    Ayúdame por favor!!!

    ResponderEliminar
    Respuestas
    1. Hola Dianita, todo lo que ves publicado aquí está probado únicamente en Blogger, desconozco cómo puedan añadirse (si es que se puede) estos códigos en otras plataformas.

      Eliminar
  102. Hola!! Tengo otro problema xD Se supone que si pones la url asi http://youtu.be/kXkl4p2WVKY?hd=1 (agregando el ?hd=1) se ve en cálidad 1280x720 pero como hago para que reprodusca en formato HD de 1920x1080? Gracias!

    ResponderEliminar
  103. Hola, se que no es de lo que se esta hablando, pero no quiero dejar de pasar la oprtunida para preguntarte si hay alguna manera de abrir un chat en una ventana emergente. de antemano Gracias.

    ResponderEliminar
    Respuestas
    1. Puedes hacer algo similar a esto, sólo que en lugar de poner el reproductor pondrías el código de tu chat:
      http://ciudadblogger.com/2010/11/escuchar-musica-en-ventana-pop-up.html

      Eliminar
  104. Hola potro, una duda, el video no se puede mostrar en pantalla completa ?. Excelente pagina !

    ResponderEliminar
    Respuestas
    1. Nop, eso depende del reproductor con que lo abras, la ventana modal sólo muestra el contenido, pero esas opciones son más del reproductor que lo muestre.

      Eliminar
  105. Hola Amigo Necesito tu ayuda como hago para poner la imagen ala esquina de mi pagina y que se mueva cuando baje la barra

    ResponderEliminar
    Respuestas
    1. Encierra el código entre:
      <div style="position:fixed; bottom:0px; right:0px;">

      y:
      </div>

      Eliminar
  106. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
    Respuestas
    1. Sí, en ese código que mencionas verás una URL, esa URL ponla en lugar de esta parte:
      http://www.youtube.com/v/DnzuKKG6-AA&autoplay=1

      Pd. He eliminado el comentario por el aviso que está al final.

      Eliminar
    2. Excelente amigo, me funciono perfecto. Una última pregunta, en el navegador google chrome estas ventanas emergentes me salen con las barras del cursor, ósea esa barra vertical que sale a la derecha para subir y bajar la página y la barra horizontal que sale abajo para correr la página de derecha a izquierda, ¿conoce alguna forma para evitar que salgan esas barras del cursor en estas ventanas emergentes? ¡Muchas gracias por su ayuda!

      Eliminar
    3. Tal vez agrandando el tamaño de la ventana pop-up no salgan los scroll bar, ¿has probado con eso?

      Eliminar
  107. hola... me gustaria que me ayudartan con esto amigos... pasa que vi una pagina de una radio. y al pinchar en el tema que estaba sonando en su reproductor pinche en el y me redireciono al video de ese tema en youtube. lo encontre genial.. alguien sabe como puedo hacer eso en mi blog.. muchas graciaaaas.... saludos desde chile.

    ResponderEliminar
    Respuestas
    1. Ni idea marcos, quizá sea un reproductor propio que ellos mismos hicieron.

      Eliminar
  108. Muchas gracias por el truquito. Quería poner una entrada con varios vídeos y es la solución perfecta. De momento, lo he probado en un blog de pruebas y va a la perfección.

    Saludos ;)

    ResponderEliminar
  109. hola potro tengo una duda y no se si me puedes ayudar quiero publicar un video pero esta restringido y solo se puede ver en youtube entonces probe a mostrarlo en un popup y si lo muestra ahora lo que quiero saber es si se puede que solo muestre el video es decir solo el rectangulo del video porque me muestra la parte del logo de youtube el cuadro de busqueda y el boton de iniciar sesion asi que no se si hay alguna forma de mostrar solo una parte especifica de la pagina en el popup, no se si me explique bien pero esa es mi duda. espero me puedas ayudar, gracias y excelente blog

    ResponderEliminar
    Respuestas
    1. Me temo que no. En esos casos es mejor mirar si otro usuario ha subido el mismo video sin restricción de inserción.

      Eliminar
  110. Hola quisiera q me apoyen estoy iniciando en ser un bloger y la pregunta es: Como hacer que cuando una una persona mire un video de youtube en mi blog al darle click en el video se habra una publidad de adfly acortando el video de original?

    ResponderEliminar
  111. Que tal buenas noches, Potro, un gusto!. Que recomendarías recurrir a las ventanas modales (como Shadowbox)o hacer uso de los Pop up (objeto de esa entrada), con la ventaja que reproduciriamos los videos en el blog mismo. Mi idea es aplicar la técnica de reproducción con ficheros .swf, que exceden (en más de 700x900px)las medidas de toda entrada. Te cuento que soy nuevo (con poco conocimiento "técnico"), y estos "detalles" (que hacen al diseño), me estan demorando en la inaguración de mi blog. Como hosting gratuitos, estoy considerando a Xooimage que parece interesante(con la desventaja que abre los ficheros swf en otra ventana, no así las imagenes), en Dropmark no me gusta (reduce su vicionado, pese a la pantalla completa).Muchisimas gracias!, perdón por tantas lineas

    ResponderEliminar
  112. Hola. Gracias por publicar contenido como este, me ha servido de gran ayuda en otra oportunidades. En esta ocasiòn escribo para saber si podrias ayudarme. Estoy tratando de colocar una ventana emergente en mi blog, y de hecho lo he logrado \o/ ya que no soy experta en el área jajaja, mi pregunta es, ¿Puedo colocar una ventana emergente que solo sea de Texto y que a su vez pueda agregar el link de descarga? Cree una Biblioteca Digital, entonces me gustaría que en la ventana emergente este la Descripción del Libro con su botón de descarga gratuita, para liberar un poco el peso del Blog.

    PD: Cree la ventana, pero me aparece TOOODAAAA la pagina del BLog en la Emergente. Ahì es donde tengo el problema, si se podrìa hacer algo como lo que hiciste aca con YouTube de dejar solo el video y no la pagina completa. Muchas Gracias.

    ResponderEliminar
  113. HOLA AMIGO EXCELENTE POST PERO QUISIERA SABER SI SE PUEDE HACER ALGO COMO ESTO
    http://www.kiminona.com/ SE VE EN PANTALLA COMPLETA Y TIENE AUTOPLAY SIN TENER QUE DARLE CLIK A LA IMAGEN

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger