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.
¿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:
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.
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.
![Ver video](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkflVedUwKKgoh654jaZvKhtifboZ0jv04Sg62bmOxedIT9Aq1vwaDM4M15DyvCUTOT2p8HDmo3ZshjGV8vooP2OQjKZaKRB99_5LiSi24j3tA8JolnTSZEz4usxuK1EA7LS8jrWfG8qoj/s91/playvideoicon.gif)
ACTUALIZACIÓN (05/jul/2010):
Este código ya no funciona para Internet Explorer, únicamente para el resto de los navegadores.
Interesante truco bro!
ResponderEliminarUn abrazo!
Ademas se carga mas rápido la página, ya que es mas sencillo cargar un imagen que el reproductor de Youtube!
ResponderEliminarTienes 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.
ResponderEliminarMi blog tambien esta saturado y eso que no tengo videos. jajaja. A mi también me va a servir.
ResponderEliminarGran Potro.
ResponderEliminarYa 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.-
Me gusta lo sencillo del reproductor que generas en este post.
ResponderEliminarComo 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.-
Hola Jpz,
ResponderEliminarGracias 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.
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..
EliminarNo 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.
EliminarGracias nuevamente tu blog es muyyyyyyyyy bueno
ResponderEliminar=)
Me da gusto que te sea de ayuda.
ResponderEliminarSaludos!
¡Hola!
ResponderEliminarTe 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.
Hola Eduardo,
ResponderEliminarNo 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.
muy buen dato y sabes lo enlace con un codigo para resaltar una imagen y funciona de maarvillas
ResponderEliminarGracias MAN
Kuoves
armandoequipos.ya.st
Hola kuo,
ResponderEliminarMe alegra que te haya funcionado, con imágenes también se ve genial.
Saludos.
hola, que pena pero apenas estoy empezando a trabajar con blogs, cual es el post donde se pega el codigo, gracias y disculpa
ResponderEliminarHola Ing. Jhon Mauricio Ramirez Herrera,
ResponderEliminarTodos 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.
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
ResponderEliminarno me salio como en tú ejemplo mostrando solo la imagen PLAY, que hise mal???
atte;
Ronald
www.pasionportemuco.tk
Hola RonnyTemxcano,
ResponderEliminarCuando 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.
gracias potro era justo mi error lo coloque en Ficha de redactar, gracias
ResponderEliminarhola, Potro
ResponderEliminarfelicitarte 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.
Hola albert serrano garcía,
ResponderEliminarDebe 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.
simplemnet lo que anda buscando ..jejej
ResponderEliminarpotro como siempre..haciendonos la vida facil y sobre todo Feliz...
Ojalá todos los navegadores funcionaran igual, eso sí nos haría la vida más fácil, jaja.
ResponderEliminarSaludos!
Este comentario ha sido eliminado por un administrador del blog.
ResponderEliminarEl comentario anterior ha sido identificado como SPAM y se ha eliminado de la entrada.
ResponderEliminarHola, como estan?¿?
ResponderEliminarEspero 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
Hola "Cranpepe",
ResponderEliminarEl 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.
hola y si en ves de Imagen quiero colocar un texto como le hago
ResponderEliminarEntonces sólo cambia esta parte del código por el texto que quieres:
ResponderEliminar<img src="http://dl.getdropbox.com/u/647003/CiudadBlogger/Iconos/playvideoicon.gif" title="Ver video" />
Saludos.
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?
ResponderEliminarClaro, 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.
ResponderEliminarSaludos.
Hola Potro
ResponderEliminarCon 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
Esta opción de JMiur creo que te vendría bien:
ResponderEliminarhttp://vagabundia.blogspot.com/2009/10/incrustar-multiples-videos-de-youtube.html
Saludos.
Gracias potro
ResponderEliminarbuenísimo, gracias!
ResponderEliminarGracias a ti por tu visita :)
ResponderEliminarespero tu visita en mi sitio aca te dejo el link dejame el visto bueno http://exclusivojuegosparapc.blogspot.com/
ResponderEliminarComo 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.
ResponderEliminarSi 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.
ResponderEliminarno 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
ResponderEliminarDesde 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.
ResponderEliminaraaa ok muchas gracias por su tiempo q paginas mas buena la unica que me contestan de verdad felicitasiones ;)
ResponderEliminarTe agradezco tu comentario :)
ResponderEliminarSaludos, 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.
ResponderEliminarMuy buenos dias, Saludos nuevamente amigo, tambien me gustaria saber como coloco un texto en el enlace en vez de la imagen (ver video).
ResponderEliminarLamentablemente en Internet Explorer ya no funciona este truco, sólo para los demás navegadores.
ResponderEliminarPara 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.
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
ResponderEliminarHola Angular Estereo 97.2 FM,
ResponderEliminarEn Internet Explorer ya no funciona el código :(
Este comentario ha sido eliminado por el autor.
ResponderEliminarMuy buena Potro.
ResponderEliminarUna 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
Ese sitio no ofrece una ID para sus videos por lo tanto no se podrían usar para este código.
ResponderEliminarSaludos.
Saludos
ResponderEliminarquisiera 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...
Mira esta entrada y luego lee el comentario #9
ResponderEliminarGracias 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.
ResponderEliminarLamentablemente no es algo que nosotros como usuarios del navegador podemos hacer pues es simplemente que Internet Explorer no reconoce esos códigos.
ResponderEliminarQuizá quieras considerar usar Shadowbox que es un sistema más elegante y que funciona en todos los navegadores.
Saludos.
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
ResponderEliminar<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.
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.
ResponderEliminarMuchisimas gracias potro!!
ResponderEliminarHola, 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.
ResponderEliminarSólo elimina esta parte del código:
ResponderEliminar<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.
¡Muchas gracias!... y otra pregunta, ¿funciona igual en otros navegadores? lo prove en explorer y no funciono, yo uso firefox.
ResponderEliminarNo. Como se menciona al final de la entrada ya no funciona para Internet Explorer.
ResponderEliminarPotro... tienes alguna solución para los videos restringidos que solo se pueden ver en youtube?
ResponderEliminarUn saludo.
Ya lo solucione, copie y pegue el link del pop out de youtube
ResponderEliminarhttp://www.youtube.com/watch_popup?v=BxJoqMfgiPg&vq=medium#t=50
saludos
Ingeniosa solución :D
ResponderEliminarMis Amigos lo probé con un canal de Livestream, que queria poner en mi blog, y Funcionó de maravilla y ademas en IE9
ResponderEliminarVisitenme y me cuentan que les parece:
ResponderEliminarhttp://palabra-devida.blogspot.com/
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?
ResponderEliminarSí debe funcionar, ¿te aparece algún error?
ResponderEliminarHola 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!!!
ResponderEliminarHola,
ResponderEliminarSó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.
Hola Potro, sabes como abrir en ventana los propios videos que se suben directamente a un articulo de Blogger?
ResponderEliminarUn abrazo.
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.
ResponderEliminarAlgo 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.
ResponderEliminarUn abrazo.
buen aporte.. se me hizo mas facil todo..
ResponderEliminarEs que está re fácil :D
ResponderEliminarmuchas gracias!
ResponderEliminarMuy buen aporte, es justo lo que necesitaba
tuve unos problemas pero logre arreglarlo
Y nuevamente muchas gracias :)
Gracias a ti por tu visita!
ResponderEliminarmmm 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.
ResponderEliminarCuando 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.
ResponderEliminarse puede poner otra cosa? q' no sea video osea un codigo HTML?
ResponderEliminarSí, 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.
ResponderEliminarHey potro que debo hacer para que la ventana pop Up solo de 2 opciones: minimizar y cerrar solamente
ResponderEliminarGracias !
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.
ResponderEliminarok gracias, crei haber visto algo por ahi
ResponderEliminarGracias !
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
ResponderEliminarCuando usamos scripts en las entradas no debemos cambiar a la pestaña Redactar:
ResponderEliminarhttp://ciudadblogger.com/2009/11/como-poner-los-codigos-correctamente-en.html
gracias potro eres un genio, pero hay otro problema abre la ventana pop - up pero el vídeo nunca carga, uso google chrome
ResponderEliminarYo lo veo funcionando bien Yusmer, igual uso Chrome.
ResponderEliminarhola, ¿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.
ResponderEliminarMuchas gracias y un saludo
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.
ResponderEliminarUf, demasiado complicado para mi, ¿no sabras de algun tutorial para hacer eso? Yo creia que añadiendo algo como:
ResponderEliminarstyle="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.
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.
ResponderEliminarPotro una pregunta, este codigo se puede usar también como gadget? en un elemento html? graciass
ResponderEliminarPor supuesto Antoxwoman, puedes ponerlo en un gadget HTML/Javascript y funcionará de igual manera :)
ResponderEliminarGracias Potrito!!!! tu siempre tan solidario :) bexototes :D
ResponderEliminarHola 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.
ResponderEliminarhttp://deoropesaafuenlabrada.blogspot.com/
Hola Car-Lan,
EliminarNo 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.
Hola Potro,hay alguna manera de que la pop-out permanezca visible al navegar por otras paginas??
ResponderEliminarHola 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 :)
EliminarPues 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/
EliminarMe 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.
EliminarOk 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.
EliminarDe 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.
EliminarUn saludo.
el codigo esta muy bueno pero podria pornerle publicidad de google adsense cuando abre ejemplo: publicidad + video de youtube +publicidad de arriba abajo
ResponderEliminarLa publicidad de AdSense está prohibida añadirla no sólo en ventanas emergentes, sino también sobre otros elementos como videos o gráficos.
Eliminarok
EliminarHola 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
ResponderEliminarHola Unknown, puedes usar un reproductor como JW FLV Player:
Eliminarhttp://vagabundia.blogspot.com/2008/12/jw-flv-player-personalizacin-y-skins.html
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?
ResponderEliminarsaludos maestro
potro olvide agregar algo a mi pregunta.
ResponderEliminarla 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
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:
Eliminarhttp://ciudadblogger.com/2011/05/abrir-ventana-al-cargar-el-blog-con.html
MUCHAS GRACIAS!!! quedo mejor de lo que esperaba y no fue nada dificil. tus tutoriales son muy claros y especificos.
Eliminarsolo me queda decir:
GRACIAS!!!
FUNCIONA BIEN EL CODIGO, SOLO QUE NO SE COMO HACER PARA QUE CUANDO HABRO MI PAGINA, LA VENTANA EMERGENTE SALGA AUTOMATICAMENT
ResponderEliminarMira esta entrada:
Eliminarhttp://ciudadblogger.com/2011/05/abrir-ventana-al-cargar-el-blog-con.html
Gracias sirvió de mucho, aunque me gustaría otro tipo de ventana emergente.
ResponderEliminarHola 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
ResponderEliminarpor favor seria en verdad de mucha ayuda
Gracias
Hola me ha servido de mucho tus manuales!!
ResponderEliminarMe 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!!!
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.
EliminarAhora 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:
ResponderEliminarNO ME QUEDA CLARO PORQUE COSA DEBIERA CAMBIARLO
Por el ID del video, son esos caracteres que están al final de la URL del video, por ejemplo:
Eliminarhttp://www.youtube.com/watch?v=1rhf8ymGHHg
Aquí el ID es 1rhf8ymGHHg
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?
ResponderEliminarPerdone por llamarle Emilio, quise decir Potro
EliminarDepende 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.
EliminarHola Potro!!!
ResponderEliminarTengo 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
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.
Eliminarvi tu video, no sabía que eras MEXICANO?
ResponderEliminarsi eres mexicano?
buen aporte
Sí, lo soy :)
EliminarHola, 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?
ResponderEliminarAgradezco me puedas ayudar!!
Gracias
Hola, mucha ayuda tu post, pero resulta que no puedo utilizarlo en eBay, dice que no permite javascript.
ResponderEliminarAyúdame por favor!!!
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.
EliminarHola!! 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!
ResponderEliminarNi idea :/
EliminarHola, 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.
ResponderEliminarPuedes hacer algo similar a esto, sólo que en lugar de poner el reproductor pondrías el código de tu chat:
Eliminarhttp://ciudadblogger.com/2010/11/escuchar-musica-en-ventana-pop-up.html
Hola potro, una duda, el video no se puede mostrar en pantalla completa ?. Excelente pagina !
ResponderEliminarNop, 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.
EliminarHola Amigo Necesito tu ayuda como hago para poner la imagen ala esquina de mi pagina y que se mueva cuando baje la barra
ResponderEliminarEncierra el código entre:
Eliminar<div style="position:fixed; bottom:0px; right:0px;">
y:
</div>
Este comentario ha sido eliminado por un administrador del blog.
ResponderEliminarSí, en ese código que mencionas verás una URL, esa URL ponla en lugar de esta parte:
Eliminarhttp://www.youtube.com/v/DnzuKKG6-AA&autoplay=1
Pd. He eliminado el comentario por el aviso que está al final.
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!
EliminarTal vez agrandando el tamaño de la ventana pop-up no salgan los scroll bar, ¿has probado con eso?
Eliminarhola... 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.
ResponderEliminarNi idea marcos, quizá sea un reproductor propio que ellos mismos hicieron.
EliminarMuchas 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.
ResponderEliminarSaludos ;)
Qué gusto que te haya sido útil, Enrique. Saludos.
Eliminarhola 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
ResponderEliminarMe temo que no. En esos casos es mejor mirar si otro usuario ha subido el mismo video sin restricción de inserción.
EliminarHola 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?
ResponderEliminarQue 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
ResponderEliminarHola. 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.
ResponderEliminarPD: 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.
HOLA AMIGO EXCELENTE POST PERO QUISIERA SABER SI SE PUEDE HACER ALGO COMO ESTO
ResponderEliminarhttp://www.kiminona.com/ SE VE EN PANTALLA COMPLETA Y TIENE AUTOPLAY SIN TENER QUE DARLE CLIK A LA IMAGEN