Cuando los videos se sobreponen

29 de marzo de 2011 187 comentarios ,
Quienes tienen un menú de subpestañas seguramente alguna vez habrán notado que cuando hay un video debajo del menú las subpestañas se esconden detrás del video y pareciera que se trata de un error del menú aunque no lo es. Lo que sucede es que estos videos que insertamos no tienen "transparencia" por defecto por lo que se sobreponen a todo elemento que haya en su misma área.

Vemos este claro ejemplo de este menú drop and down como las subpestañas se muestran por detrás del video.







Para solucionarlo aplicaremos el atributo transparent al parámetro wmode.
Por ejemplo, en los códigos de inserción antigua de los videos de YouTube tenemos un código como este y agregamos lo que está en color rojo:
<object width="640" height="390"><param name="movie" value="http://www.youtube.com/v/XSGBVzeBUbk?fs=1&amp;hl=es_ES&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="transparent" /><embed src="http://www.youtube.com/v/XSGBVzeBUbk?fs=1&amp;hl=es_ES&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="390" wmode="transparent"></embed></object>

Y con eso el video ya no se sobrepondrá ni al menú ni a otro objeto.






Si ya usas el nuevo código de inserción de videos (iframe) que ofrece YouTube entonces el atributo se agrega al final de la URL del video:
<iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/XSGBVzeBUbk?rel=0&amp;wmode=transparent" frameborder="0" allowfullscreen></iframe>

Esta solución debe ser efectiva para la mayoría de los navegadores sino es que con todos, al menos yo lo he probado en Opera, Safari, Mozilla Firefox, Google Chrome e Internet Explorer. Quizá las versiones antiguas de IE se resistan pero... ¿aun habrá gente que las use? Por mi salud mental espero que no.


187 comentarios en:

" Cuando los videos se sobreponen "

  1. Potro BUENISIMO EL TRUCO ME SALVASTE LA VIDA... Por cierto, tengo que pedirte un pequeño y gran favor a la vez... osea es pequeño, pero para mi es demasiado GRANDIOSO :D. No tengo como dejarte el mensaje, son links subidos por mi a dropbox y no puedo dejar los links aqui asi nomas.. :\.

    ResponderEliminar
  2. - [F]asteN [M]ovieS -, en un rato más habilito las consultas por correo y me cuentas ;)

    Blog-Juegos, saludos!

    ResponderEliminar
  3. Potro, puse una imagen de Dropbox en mi blog, pero cuando la veo en otro navegador (donde no tengo la sesion iniciada) no la puedo ver ¿Cómo hago para que sea publica y que todos puedan ver la imagen?

    ResponderEliminar
  4. Buenisimo!!
    aunque en los dos ejemplos puedo ver bien por encima del video, creo q se debe al navegador, no crees??(firefox el mas reciente)...
    confirmado, lo acabo de abrir con el explorer y me marca ese error del menu...
    Chido como los navegadores interpretan diferente las mismas cosas.
    Saludos!!!

    ResponderEliminar
  5. Muy bueno.. ese problema lo veia viendo hace tiempo ..

    Por cierto somos 2011 "Ciudadanos" los que seguimos ciudad blogger atraves del gadget de blogger.. jejeje uno por año ....(party) jejeje.

    Un abrazo Potro y al resto de ciudadanos ;)

    ResponderEliminar
  6. hola potro saliendo del tema me e venido preguntando como coloco estos dos botones ke aparesen en esta web ke dicen publicar en twitter y facebook http://inkapelis.blogspot.com/2011/03/bleach-315-sub-espanol-hd.html pero en este caso a my me gustaria colocarlo al final de cada entrada nose si me pueda ayudar gracias y esta padrisimo todo lo que posteas

    ResponderEliminar
  7. CRNDXA, mira este video que explica cómo subir archivos a Dropbox.

    Roster, gracias!

    FREDDY, pues igual tengo la última versión de Firefox y se ve atrás el menú, no sé porqué el tuyo sí se ve bien :(

    ResponderEliminar
  8. Odin KO, ya noa alcancé a ver los 2011 pero ayer hice la captura de los 2000, así que sí hay que hacer party :D

    ResponderEliminar
  9. juan camilo, debajo de <div class='post-footer'> agrega esto:

    <a expr:href='&quot;http://twitter.com/home/?status=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img src='URL de la imagen de Twitter' style='border:0px; padding:2px' valign='bottom'/></a><a expr:href='&quot;http://facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img src='URL de la imagen de Facebook' style='border:0px; padding:2px' valign='bottom'/></a>

    ResponderEliminar
  10. hola potro gracias por todo hoy te ago una consulta de adsense es que como ya sabias me inabilitaron la cuenta cree otra y yame la aceptaron solo queria saber que si creo un codigo de anuncio ese codigo lo puedo pegar en todos mis blogs autorizados o solo se puede pegar un codigo por pagina y toca hacer varios codigos de publicidad para cada pagina cada blog

    ResponderEliminar
  11. POTRO FIJATE QUE TENGO UN GRAN PROBLEMA

    mira mi menu despegable de arriba

    http://www.lockerzlatinos.com/
    SE SOBREPONE CASI CON TODO

    ResponderEliminar
  12. Ero-k'rlox, puedes ponerlos en otros blogs también siempre y cuando los demás blogs cumplan con las políticas de Adsense pues de lo contrario podrán cancelarte de nuevo la cuenta.

    Dreko, el chat también es un SWF como los videos así que tienes que aplicar lo mismo que se menciona en la entrada.

    ResponderEliminar
  13. :) en la version de Mozilla que tengo, no se superponen ni nada de eso... creia que solo pasabe en IE xD

    ResponderEliminar
  14. Hello Potro, buen post haha ya solucionelo de los videos, hahah pero aora me falta la de los gadgets, no abra una solucion para ellos?
    esk tengo el reproductor de yahoo, que se encuentra aqui.
    http://mediaplayer.yahoo.com/
    y pues tuene que atravesar los gadgets haha y se que abajo, bueno ahi si ahi me lo comentas aqui. bueno gracias, saludos!!

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

    ResponderEliminar
  16. bueno esk son archivos "swf" y esos nomas no ahi algo para k se queden atras eso es lo que quiero saber xD, de nuego gracias.

    ResponderEliminar
  17. Kron, pasa en todos, pero bueno parece que con Mozilla ya no pasa eso :)

    DJCosplay, si es un SWF debe funcionar igual agregando el wmode="transparent"

    ResponderEliminar
  18. Genial! gracias por el codigo!! ahora mis videos no se pondran delante de el cuadro de seguidores!!

    ResponderEliminar
  19. Gracias Potro, si funciono!!!
    lo puse despues del .swf"wmode="transparent"
    y si funciono bueno gracias ;D
    saludos!!
    OMG!! somos 2017 ciudadanos ;D
    se ace grande la cuidad!!

    ResponderEliminar
  20. Ticket, qué gusto que te haya sido útil!


    DJCosplay, y ya casi vamos por los 7000 en Facebook :)

    ResponderEliminar
  21. Potro una pregunta fuera del post, pero quisiera hacertela porque nose que pasa... cada vez que presiono el boton de Entradas Antiguas o Entradas Recientes me salta un error :\.. me dice esto mira:

    Lo sentimos, pero no hemos podido llevar a cabo tu petición.
    Al notificar este error al servicio de asistencia de Blogger o al grupo de ayuda de Blogger:

    Describe lo que estabas haciendo cuando recibiste este error.
    Proporciona el siguiente código de error e información adicional.
    bX-67oaj1
    INFORMACIÓN ADICIONAL
    host: fastenmovies.blogspot.com
    uri: /
    Esta información nos ayudará a detectar tu problema específico y solucionarlo. Disculpa las molestias.

    BUSCAR AYUDA
    Puedes ver si alguien más tiene el mismo problema: Buscar en el Grupo de Ayuda de Blogger bX-67oaj1
    Si no obtienes resultados para la búsqueda, puedes iniciar un nuevo tema. No te olvides de incluir bX-67oaj1 en el mensaje.

    ResponderEliminar
  22. Hola, Potro. Una amiga me hablo de este tu espacio y vengo a pedirte ayuda! Resulta que hacen dias no he podido bajar fotos al blog. Hago todo el proceso como guardar en picasa , etc , pero cuando importo hace todo el proceso y se queda ahi, no lo baja al blog, lo guarda en un archivo aparte. Note hacen meses que cada ciertas entradas yo no las veia en mi pag, pero si estaban visibles a otros. No le puse atencion , pues no comprendo casi nada de blogguer. Aller en picasa trate de ver si yo misma habia cambiado algo , suele pasar , pero creo que todo esta igual. con ecepcion de que todas las fotos de un blog de tres que manejo se borraron todas hasta las de archivo, crees que podrias ayudarme? te lo agradeceria mucho. Rose Marie

    ResponderEliminar
  23. - [F]asteN [M]ovieS -, es un problema que está teniendo Blogger desde hace unos días:
    http://www.facebook.com/fans.ciudadblogger/posts/193054197397065

    Ahí en ese enlace hay un usuario que da una solución al problema, quizá te funcione.

    Saludos.

    ResponderEliminar
  24. Hola rosarod,

    Bienvenida a Ciudad Blogger!
    ¿Me podrías explicar a detalle del proceso de cómo lo estás haciendo? y de igual forma sería útil si me podrías decir en cuál blog tienes el problema.

    ¡Saludos!

    ResponderEliminar
  25. PROTRO ME SIRVIOMUCHO ahora no se super pone el chat con el menu www.lockerzlatinos.com

    pero mira prueba abrirlo y se superponen las paginas estaticas con el menu


    Página principalCHAT|LOCKERZ¿Preguntas?¿Recibiste invitación?FotosPremiadosWebs AmigasMuro


    esos por que sera eso seria la solucion definitva por favor!

    que no se superpogan con el menu las paginas estaticas

    ResponderEliminar
  26. Ese debe ser un problema de tu navegador porque lo he visto en IE, Chrome y Firefox y en los tres se ve bien.

    ResponderEliminar
  27. Hola Potro, www.elartederosia.blogspot.com tengo el problema. Desdusco que el problema esta en picasa , pues hoy entre a mi blog con la computadora de mi hijo una laptop, y se ven varias fotos gigantescas u una pequeña que no se ve atravez de mi pagina en mi computadora. No se cuan es el problema y creenme hacen meses comenze a bloguear , no soy muy conocedora de esta "ciencia" , pero si se que el asunto es con este blog , los otros dos tienen sus fotos y archivos intactos. Como te dije, el visor de picasa y archivo no realizan completo el exportar fotos. Las guarda en un archivo aparte. He tratado de editar esas fotos grandes y no lo logro! estoy perdida en el espacio' asi que cualquier ayudita que me des sera util! te lo agradeseria mucho, saludos rOse Marie

    ResponderEliminar
  28. Hola Potro una pregunta sabes de algun codigo para videos, para ponerlos en pestañas algo asi como el segundo ejemplo de arriba . o sea pones varios videos cuando hagamos cline por ejemplo en otra opcion cambie a oro video.

    ResponderEliminar
  29. es decir yo soy el unico que se sobre ponen los menus?

    ResponderEliminar
  30. Hola rosarod,

    Desde hace ya algunas semanas Blogger ha estado teniendo problemas con el tema de las imágenes. Empezó con que no se mostraban las imágenes en miniatura en los gadgets de últimas entradas, y luego algunas fotos dejaron de verse.
    Tal parece que tiene que ver con su cambio de servidor que usan en Picasa, de eso se habla en esta entrada:
    http://ciudadblogger.com/2011/03/problema-con-las-miniaturas-de-las.html

    Aunque esa solución que expone ahí parece que no aplica en tu caso sí veo que tienes el mismo problema que tenía otra lectora. Por alguna razón y aunque la imagen existe parece que está completamente restringida y no puede verse.

    Vamos a verificar si tus álbumes de Picasa están con los permisos como Públicos:
    Entra a tu cuenta de Picasaweb, en el menú superior izquierdo haz click en Configuración y selecciona Configuración de fotos. Dirigete a la pestaña Privacidad y permisos, y donde dice 'Permitir a cualquier visitante' verifica que estén marcadas las dos casillas.

    Luego entra en el álbum que tiene el nombre de tu blog. En Editar haz click en Propiedades del álbum y abajo en 'Visibilidad' ponlo como Público en la web y guarda los cambios.

    Eso debe habilitar los permisos públicos de las imágenes y podría ayudar, sino habrá que esperar a que Blogger termine de hacer sus experimentos pues seguro se debe a eso.

    En el caso de las imágenes grandes que aparecen en las entradas, edita la entrada, estando en la pestaña Redactar haz click sobre cada foto y deberán aparecerte unos enlaces que dicen algo como 'Tamaño chico, Mediano, Grande, Original', ahí selecciona el tamaño que deseas para cada foto.
    Si no te aparecieran estas opciones entonces en la pestaña Edición de HTML busca el código de cada foto, es un código como este:

    <div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-jbAWbofU-Yk/TZPW8ZCZM-I/AAAAAAAACWE/9iGUZJEkjWg/s1600/100_1200.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-jbAWbofU-Yk/TZPW8ZCZM-I/AAAAAAAACWE/9iGUZJEkjWg/s1600/100_1200.JPG" /></a></div>

    Cambia ese s1600 por s400 y listo. Pero ojo, debes hacerlo en la segunda URL que veas en ese código, pues la primera es el enlace a la imagen.

    Saludos.

    ResponderEliminar
  31. bU, en Vagabundia me parece que tienen un par de galerías para videos.

    Dreko, no sé si seas el único pero a mí me aparecieron normal. Quizá son las versiones de tus navegadores.

    ResponderEliminar
  32. Umm creo que es por la version 4... uyy esta super buena, a ver cuando logramos sacarle todo el potencial con blogger

    ResponderEliminar
  33. Potro con respecto a lo de las ENTRADAS ANTIGUAS Y ENTRADAS RECIENTES, probe la solucion de Oloblogger, y cuando lo hize.. LO SOLUCIONO. Pero al poner las entradas mas antiguas, y las mas recientes, dejan de verse LAS ENTRADAS RESUMIDAS CON LEER MAS... solamente al poner la web, osea .. en HOME , o al poner el inicio de la web se muestran LAS ENTRADAS RESUMIDAS CON LEER MAS, despues ... al hacerle click a los enlaces de entradas antiguas, y entradas recientes salen de forma diferente :\

    ResponderEliminar
  34. Yo no lo he probado, tengo entendido que Oloman ya ha hecho las pruebas así que seguro podrá ayudarte más que yo.

    ResponderEliminar
  35. Pero potro, entonces no funciona con ENTRADAS RESUMIDAS CON LEER MAS... :\.. como hago para solucionarlo entonces ? :\ ... debo esperar, o que hago?

    ResponderEliminar
  36. que tal Potro, aqui te cuento que hise lo que me indicastes , habilite las cuentas, etc y too continua igual. No puedo bajar fotos y continuan todos los archivos del blog"mising in action'. Perdidos sin visibilidad. Entonces en cuanto a las fotos gigantes , trate de seguir tus intrucciones y desisti , pues puede ser que borre todo el blog , pues nada parece a lo que tu me pusistes en la instruccion. Pregunta que te hago, cuando esta situacion se da , es mejor serran los blogs y comenzar de nuevo o esperar ? me puedes explicar por que se afectan unos blogs y otros no a que se debe ? Las plantillas hay que cambiar cada cierto tiempo o da igual seguir con el formato viejo? perdona la curiosidad , pero creenme no se trabajar con bloguer y veo que hay tantas cosas que aprender y me parece eres muy diestro en esto, te agradesco mucho tu ayuda desinteresada! gracias mil, Rose

    ResponderEliminar
  37. - [F]asteN [M]ovieS -, esa solución es sólo temporal y es únicamente para que no muestre el error BX, pero si no soluciona lo del script entonces habrá que esperar a que Blogger lo solucione porque sin duda se trata de un error de ellos.

    ResponderEliminar
  38. Hola Potro, Hablando de superponer. He cambiado la plantilla de mi blog y entonces la flecha que tengo para subir arriba de la pagina(dependiendo del tamaño de cada pantalla)se queda oculta por debajo de la plantilla, no se si habra alguna codigo para que dicha flecha se quede superpuesta sobre la plantilla. Un abrazo

    ResponderEliminar
  39. rosarod, no creo que sea necesario sacrificar el blog para abrir otro dado que como te comenté antes es un problema que Blogger está teniendo y ante esos problemas que está teniendo lo mejor es esperar y tener un poco de paciencia. No sabría decirte porqué en algunos blogs pasa y en otros no pues tan solo soy un usuario de Blogger y al igual que tú desconozco cómo se manejan ellos y otras tantas cosas, pero la plantilla no tiene nada que ver, eso no solucionará el problema.
    Quizá no sirva de mucho peo con un poco de suerte puedan responderte en el Foro de Ayuda de Blogger:
    http://www.google.com/support/forum/p/blogger/

    Ahí se dan sus vueltas los empleados de Google y quizá puedan darte una respuesta más apropiada a lo que pueda estar pasando.

    ResponderEliminar
  40. PC, después del style=' que está en el código de la imagen agrega esto:
    z-index:300;

    ResponderEliminar
  41. Joder Potro, cada dia me asombras mas , no fallas ni una y ademas nos solucionas los problemas al momento, no se que hariamos sin ti. Muchas gracias Potro.
    Un abrazo

    ResponderEliminar
  42. Hola Potro, En mis imagenes grandes , que quiero eliminar del blog estas yo las baje no por blog this" si no por una opcion que esta al lado izq, de este tablero picasa que dice upload con flechita verde. No se donde esta el archivo de esto o como se logra borrar. No encuentro el archivo de esto en html, y no entiendo estas instrucciones que me das de url, perdona mi insistencia, se que no estas obligado de contestar si no lo deseas, y pasar el trabajo y la molestia de explicar algo que para ti es muy normal, comun o sencillo, creenme que te agradesco , tu deferencia de explicar tanto sin tener por que. muy agradesida, Rose Marie

    ResponderEliminar
  43. Hola rosarod,

    No pienses que no deseo ayudarte o que no quiero orientarte sobre tu problema, para nada, muy por el contrario yo estoy encantado de poder hacerlo siempre y cuando esté en mis posibilidades, pues como sabrás hay muchas cosas que desconozco.
    Por lo que mencionas me parece que tú subes las imágenes desde el programa descargable de Picasa, la verdad es que nunca lo he usado y quizá también por eso me parece nuevo eso que mencionas. Yo siempre las he subido desde la página de Picasaweb y quizá por eso no he tenido mayor problema con las imágenes.

    Te explico brevemente, cuando redactas una entrada desde Blogger y subes una imagen automáticamente esa imagen se sube a un álbum de Picasaweb que contiene el nombre de tu blog. Ahí se alojan todas las imágenes que hayas subido desde Blogger y ahí puedes eliminarlas si es que ya no las quieres.

    Si quieres eliminar una foto sólo entra a Picasaweb, da click en el álbum donde está la foto que deseas borrar, busca la foto dentro del álbum y cuando la encuentres dale click. Se mostrará sólo esa imagen, arriba de ella verás que hay un pequeño menú y en él una opción que se llama 'Editar', selecciona 'Eliminar foto', te mostrará un mensaje de confirmación, y con eso habrás eliminado la foto. Solo ten en cuenta que si la eliminas de ahí tampoco aparecerá en tu blog donde la hayas puesto.

    Lo que te decía sobre modificar las medidas de la foto eso se hace directo en Blogger. Tienes que entrar a tu cuenta de Blogger, luego en Creación de entradas, haces click en Editar entradas y busca la entrada que contiene esas imágenes, al lado de ella verás un enlace que dice Editar, da click ahí y podrás editar la entrada. Cuando editas o redactas una entrada verás arriba del editor de entradas dos pestañas, una dice 'Redactar' y otra 'Edición de HTML', si seleccionas 'Edición de HTML' podrás ver los códigos de la entrada, incluso el código de las imágenes, ahí es donde te decía que puedes modificar las medidas de la imagen (comentario #33).

    Igual en ese comentario te hablaba sobre los permisos de las fotos, también eso se hace desde Picasaweb, (no desde el programa de Picasa que tienes en la computadora) ahí es donde podrías comprobar si los permisos de tus fotos están en Públicos o Privados.

    Si al entrar a Picasaweb te pide un nombre y contraseña sólo ingresa tus mismos datos que ingresas en Blogger y con eso podrás acceder a la página.

    Saludos y buen fin de semana :)

    ResponderEliminar
  44. Los vídeos incrustados con iframes en mi blog se sobreponían cuando se desplegaba una imagen con Lytebox, ahora añadiendo esto funciona a la perfección. Gracias por el dato! : )

    ResponderEliminar
  45. Holaaa!!!
    Mira, a mi no me ha funcionado.
    Con el antiguo codigo Youtoube incluia el artilugo de transparencia.
    Desgraciadamente con el nuevo codigo Youtoube mas corto.. no hay manera..
    He probado lo que aconsejas en varios sitios y, pues no, en nuestra web no chuta.

    Te paso el codigo del ultimo video [sin dos codigos iniciales, pues si se incluyen no se deja publicar este comentario]:

    <...style="TEXT-ALIGN: center">
    <... title="YouTube video player" height="390" src="http://www.youtube.com/embed/JatLjfBmsqs" frameborder="0" width="480" allowfullscreen="">


    La web es esta: http://amesparreguera.blogspot.com/

    Se te ocurre alguna solución que todos podamos aplicar [?].
    Gracias por Tu ayuda. Saludos

    ResponderEliminar
  46. Ha! Me olvidé de decir que cuando el menu desplegable pasa delante del video de youtoube, -una vez aplicada la sugerencia que proponias-, este video no se carga.
    Apareciendo este texto:
    "Lo lamentamos, la página que solicitaste no se puede encontrar".
    Utilizamos windows 7.
    Por si esta información te puede ser útil...
    Saludos

    ResponderEliminar
  47. Hola Lluis,

    No veo que al código de ese video le hayas añadido lo que se indica, no sé si habrás leído toda la entrada pero en la parte de abajo se explica cómo se debe aplicar en el caso de los videos que usan el nuevo código de YouTube.

    Saludos.

    ResponderEliminar
  48. Hola potro buenas soy nuevo en todo esto antes que nada felicitarte por esta gran labor que realizas. con firefox puse la barra despleglable sin problemas en el blog, pero cuando me meto en internet explorer se me esconden detras las pestañas de los gadgets y no se como solucionarlo
    saludos y gracias de antemano

    ResponderEliminar
  49. Hola mikel,

    Eso es por una incompatibilidad que tienen las plantillas del Diseñador con Internet Explorer, yo hace mucho igual busco el modo de solucionarlo y sigo sin éxito :/

    ResponderEliminar
  50. definitivamente internet explorer no funciona bien con algunas cosas que queremmos para nuestro blog, gracias potro por tu ayuda

    ResponderEliminar
  51. de hecho potro no se si hayas visto esta aplicacion para las pginas en facebook mirala y comentame http://www.facebook.com/iFrameWrapper se trata como de algo para poner el contenido de twitter, rss, blog etc en pestañas en nuestra pagina, aun no he entendido como usarlo ni como funciona

    ResponderEliminar
  52. Sí, desde marzo Facebook deshabilitó el FBML para nuevos usuarios de esa aplicación y en su lugar implementó los iframes que no son nada nuevo, en realidad los iframes se han usado desde la existencia de las páginas Web solo que Facebook apenas adoptó una manera para ello. Aquí el problema es que para poder usar iframes en Facebook se necesita crear una aplicación y como la mayoría no tiene su cuenta verificada ni puede verificarla entonces no puede crear la aplicación y por lo tanto no puede usar los iframes :/

    ResponderEliminar
  53. help!!! A mi me está pasando lo mismo de que el video se me sobrepone a los menús y contenidos cuando subo o bajo la página... Lo he solucionado en los browsers con los códigos que me han dado, excepto el que me es más importante, es que mi aplicación es para mobile y a pesar de estos códigos se continua a sobreponer cuando lo veo en el teléfono (android)... me pueden ayudar???

    ResponderEliminar
  54. Ni idea, alguna vez escuché que había un plugin para el Android que se instalaba y evitaba la superposición en los videos pero desconozco cuál sea o cómo se llame, además que esa tendrían que instalarla todos los usuarios de Android para que no tengan ese problema.

    ResponderEliminar
  55. Gracias amigo... Si alguien llega a saber algo, pues sigo esperando...

    Abrazo!!!

    ResponderEliminar
  56. POTRO FIJATE EN MI WEB
    WWW.LOSDELSURMONTERIA.BLOGSPOT.COM
    TENGO UNAS IMAGENES ARRIBA Y NO UN VIDEO COMO HAGO PARA QUE EL MENU QUEDE DELANTE? GRACIAS

    ResponderEliminar
  57. Hola Julio,

    No veo que nada se encime al menú que tienes.

    ResponderEliminar
  58. ES QUE PARA MAYOR FACILIDAD BAJE EL MENU A LA PESTAÑA DE ABAJO, PARA QUE NO SE ENCIMARA.

    ResponderEliminar
  59. Aupa majo.
    El tema es que yo la mayoria de videos k tengo en el blog son de vimeo y el codigo es diferente.E intentado meter estos cambios pero no he conseguido el resultado que queria.
    kizas es k hay que ponerlo de laguna otra manera.Mil gracias por todo.

    ResponderEliminar
  60. Si Vimeo te da un código con iframe entonces debe ser el mismo procedimiento que se explica en el segundo método.

    ResponderEliminar
  61. Hola| Ya estoy aquí otra vez. LLevo toda la mañana y toda la tarde intentando que funcione pero es imposible (http://iesyfol.blogspot.com/2011/07/prueba-con-video.html). He llegado a copiar el código tal como tu lo tienes, pero cuando publico blogger me lo cmabia por este otro: () Así no se ve el vídeo y el menú sigue saliendo detrás.
    Gracias y un saludos cordial. Buen verano.

    ResponderEliminar
  62. Hola EPIFANIO,

    Quizá es porque en el código del video has omitido el signo de interrogación que va justo al final de la ID del video:
    N7P2ExRF3GQ?rel=0

    ResponderEliminar
  63. De lujo, como siempre. Siento haberte molestado por un error tan tonto. Después de todo el día haciendo cosas, creo que los ojos ya no veían. Muchas gracias y que pases un buen verano.

    ResponderEliminar
  64. No hay problema, a todos nos pasa ;)

    ResponderEliminar
  65. Hola, Potro. Disculpa que te moleste, pero es que por ahora me están dando batalla las imágenes que se muestran en Orbit Slider y no permiten que se vea todo el contenido del menú desplegable que tengo. ¿Hay alguna forma de hacer que el menú se sobreponga por encima de las imágenes del Orbit Slider? He visto esta entrada, pero veo que mencionas videos de YouTube y no sé cómo podría integrar eso al código del Slider. Muchas gracias de antemano.

    www.lasnoticiasdetulum.com

    ResponderEliminar
  66. Ya solucioné el problema, Potro. Lo que hice fue usar z-index para poder sobreponer todo el menú, porque también había otros elementos (como el widget de Twitter, por ejemplo) que se veían encima del submenú. Este truco que posteaste también lo he aplicado en otra parte. Gracias, Potro.

    ResponderEliminar
    Respuestas
    1. Y cómo lo hiciste? yo tengo el mismo problema pero no se como utilizar esa propiedad :S

      Eliminar
    2. Hola. Disculpa por responder mucho tiempo después, no había visto tu comentario.

      Te cuento que utilicé la propiedad "z-index" y así se solucionó el problema. Puedes probar en esta página, sólo haz clic en el botón que dice "Try yourself" y modifica la propiedad z-indez en ese ejercicio que se presenta para que veas cómo el texto se pone por encima de la imagen.

      Saludos.

      Eliminar
  67. Excelente, qué gusto que ya lo hayas resuelto :)
    ¡Saludos!

    ResponderEliminar
  68. Hola potro gracias por este gran post pero habra algun truco para insertar en blogger tipo un menu mostrando 3 a 5 videos osea me explico mejor que en cada pestaña del menu se muestro un video diferente para insertarlo en la entrada de un post?.MMmm me parece un poco complicado ojalo no enredarme con mi explicación. Gracias

    ResponderEliminar
  69. Hola Vagostube, puedes hacerlo usando un Tabview, de esa forma podrías poner un video en cada pestaña.

    ResponderEliminar
  70. Potro y con un embed de Justin TV, esqe no aparece esa etiqeta, Gracias.

    ResponderEliminar
  71. El código de Justin es del tipo OBJECT, como el primer código, aunque no tiene el EMBED debe funcionar.

    ResponderEliminar
  72. Potro saliendome del tema, en mi blog http://www.wwetna-zone.com/ los widgets no estan alineados a los posts, me ayudas?

    ResponderEliminar
  73. Busca esta parte en tu plantilla:

    #main {
    width:626px;
    color:#000;
    font:normal normal 80% Verdana, Geneva, sans-serif;;
    background:#fff;
    border:1px solid #fff;
    margin:4px;
    padding:20px 0 0;
    }

    Cambia ese 20 por 0 y listo.
    Saludos.

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

    ResponderEliminar
  75. El código del video va donde lo quieras poner, una entrada, o un elemento HTML/Javascript, y el atributo se pone en donde se indica en la entrada.

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

    ResponderEliminar
  77. chrisan91, si te sucede con las imágenes entonces quizá sea un detalle con la plantilla que usas.

    ResponderEliminar
  78. Hola Potro, esto no solo pasa con los videos, pues cuando el menú está en la parte superior... se corta con el contenido del blog.. ¿como se podría hacer para solucionar el inconveniente?

    ResponderEliminar
  79. Hola Peter, ahí puede ser un problema con el menú, o con la plantilla. Este último caso se da en plantillas hechas con el diseñador de Blogger y cuando se usa Internet Explorer. No sé si ese sea tu caso pues no mencionas en cuál blog presentas ese inconveniente.

    ResponderEliminar
  80. Hola Potro, he implementado varias alternativas en mi blog de prueba http://pvillegasy.blogspot.com, y con todos los navegadores me pasa igual, yo al inicio modifiqué mi plantilla con el diseñador de plantilla, ojalá pudieras ayudarme...

    ResponderEliminar
  81. Hola de nuevo Peter,

    Antes de poner un menú de subpestañas en esas plantillas debes seguir estos pasos:
    http://ciudadblogger.com/2011/03/como-usar-cualquier-menu-en-las.html

    Sin embargo, aunque esos pasos hacen que los menús de subpestañas funcionen, en IE (en cualquiera de sus versiones), las subpestañas siempre se esconden detrás de las entradas.

    ResponderEliminar
  82. Hola potro tengop una duda de un cuate con su pagina de internet espero que tu me puedas ayudar ,mi cuate tiene el siguiente script en su web <iframe title="RTPA TV" width="650" height="450" src="http://vertvonline.es/modules/videotube/embed.php?vid=216&w=650&h=450" scrolling="no" frameborder="0" allowfullscreen></iframe>

    pero dice que ya le ajusto altura y anchura ,lo y como vez tiene una barra de deszplazamiento en ese iframe ,pero lo ke kiere es que todo ese canal (porke es ubna canal de tv) o iframe aparesca del mismo tamaño de la seccion es decir que este todo el iframe quepa en esa parte y no haya ninguna barra de deszplazamiento ,espero tu respuesta y que bueno que ya estes de regreso potro ,no sabes la falta que haces je ok grax y salu2
    http://www.asturweb.com.es/

    ResponderEliminar
  83. Hola mexico,

    Lo que sucede es esto: un iframe es sólo un marco donde se muestra el contenido de otra página, la página tiene determinadas medidas con la que fue diseñada. El iframe como es un marco, sólo sirve para mostrar el contenido de esa página, así que puedes ajustar este marco tantas veces como quieras, pero no el contenido de la página. Es por eso que aunque se haga más pequeño el iframe no significa que la página que hay dentro de él también se haga más pequeña. Esa es la razón por la que se forma un scroll si hace más pequeño el iframe.

    ResponderEliminar
  84. Hola Potro.. me encantaria que me ayudaras como poner los videos vimeo en mi blogger.. ya que he investigado y no les entiendo cómo explican.. y siento que es fácil.. pero no le agarro la onda.. saludos..

    ResponderEliminar
  85. Hola Ady,

    Sólo tienes que darle click en la pantalla del video donde dice EMBED y copiar el código que está ahí. Ese código lo pegas en una entrada o un gadget HTML/Javascript.

    ResponderEliminar
  86. Excelente men!
    muchisimas gracias

    me has salvado la vida.
    atte: el Jerry

    ResponderEliminar
  87. Hola Potro un super saludote para ti......y desde ya mil gracias como siempre por todo lo que nos enseña.........te queria preguntar como hago para que el menu que tengo en mi blog al dar clic en las sub pestañas no queden detrás del slider....sino que se sobre pongan ante el. Te agradezco la ayuda y te dejo la url de mi blog para que mires que pasa con el menu. http://angularestereo972fm.blogspot.com/

    ResponderEliminar
  88. Hola Angular Estereo 97.2 FM,

    Edita e archivo CSS de tu menú, ahí busca esta línea:
    .jqueryslidemenu ul li ul {

    Debajo de ella agrega esto:
    z-index: 1000;

    Con eso dejará de esconderse detrás del slider.
    Gracias por los saludos!

    ResponderEliminar
  89. Hola Potro,

    Super genial .... como siempre tu salvandonos de todas.....Graciassssssssssss por todo.

    ResponderEliminar
  90. Despues de tratar de controlar esto con CSS, especificamente z-index.... y despues de no obtener buenos resultados, me puse a investigar sobre este problema, que bueno que halle tu post, me fue de mucha ayuda. Ahora favor con favor se paga dice ... Gracias !!!

    ResponderEliminar
  91. Qué gusto que lo has resuelto Luis, y que llegaste a Ciudad Blogger, bienvenido :)

    ResponderEliminar
  92. Me haz quitado un dolor de cabeza... maravilloso tip. Gracias y saludos desde Colombia. El equipo de www.radiopos.com te lo agrade. =)

    ResponderEliminar
  93. Hola no puedo hacer transparente este reproductor me podrias decir si se puede gracias http://beatlesmysteryradio2.blogspot.com/

    ResponderEliminar
  94. Ese es un iframe, o sea, un pedazo de página Web incrustada en tu blog, por lo tanto no se le puede aplicar la transparencia. Si tuvieras acceso a la edición de esa página donde está el reproductor entonces quizá sí podrías aplicar la transparencia.

    ResponderEliminar
  95. Potro; en mi sitio web tengo una pantalla de inicio esta es mi web www.diarioojodetigre.com, mi pregunta es como hago para que mi menu no se sobreponga en la pantalla de inicio?

    ResponderEliminar
  96. DiarioWeb, el z-index que tienes en los estilos de tu pantalla de inicio cámbialo por z-index: 9999;

    ResponderEliminar
  97. hola potro que se puede hacer con los anuncios de adsense que se sobreponen al menu que utilizamos, esto solo sucede en IE.

    ResponderEliminar
    Respuestas
    1. Quizá debas aplicar un z-index al menú, aunque si sólo sucede con IE entonces debe ser cosa de esa navegador :/

      Eliminar
    2. muchas gracias potro seguire tu consejo

      Eliminar
  98. Hola de nuevo Potro.

    Te escribo porque esto no quiere funcionar en una de mis entradas en la que tengo un video y debajo una especie de galería (aunque por el momento solo tiene una foto). El punto es que las fotos al pasar el mouse se produce un efecto de zoom pero el video se sobrepone cuando se muestra la foto con el zoom.

    Este es el link de la entrada concreta http://www.arteentorno.com/2012/01/arte-en-torno-coleccion-tornado-2011.html

    De antemano te agradezco mucho por tu ayuda.

    ResponderEliminar
    Respuestas
    1. Hola Victor, ponle un z-index más alto al .aumentar:hover { por ejemplo un 222

      Eliminar
  99. MUCHAS GRACIAS HERMANO SI ME HAS SALVADO EXCELENTE SOLUCION GRANDIOSO AHORA ME FUNCIONA DE MARAVILLA..... NUEVAMENTE MIL GRACIAS

    ResponderEliminar
  100. ¡Como anillo al dedo, Potro! Muchísimas gracias por tu consejo, ¡ahora la intro quedó más que perfecto! ^_^

    ResponderEliminar
  101. Hola Potro! Me pregunto si esto también sirve para lo que me ocurre a mí y si es así, no se muy bien como usarlo :S

    Te cuento, resulta que añadí el Slider de Orbit,y tengo un menú de deslizante superior, cuando abro el menú aparecen elementos del Slider, encima del Menú superpuestos. Como hago para que no se superpongan?

    http://whiptailizards-colective.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. Es distinto, ahí necesitas aplicar una capa más alta. Para hacerlo agrega debajo de #toppanel { esto:
      z-index: 10000;

      Eliminar
    2. Prueba entonces así:
      z-index: 1005 !important;

      Eliminar
  102. amigo tengo el mismo problema con el slider orbit se superpone al menu que hago
    http://programanutricionydietetica.blogspot.com/

    ResponderEliminar
  103. potroo lo logre de todas formas muchas gracias este blogeer si que me a ayudado

    ResponderEliminar
    Respuestas
    1. Qué gusto que el blog te esté siendo de ayuda :)
      Saludos.

      Eliminar
  104. Hey, soy nuevo en este foro,tengo una duda, tengo esta web, http://mxwebmarketing.com/partylite/catalogo/primavera-verano.html
    y dentro de ella tengo un iFrame, pero he seguido tu tutorial y aún no queda, puedes ayudarme?

    ResponderEliminar
  105. Hey, soy nuevo en tu blog, hasta ahora es muy util, sin embargo tengo una web donde tengo un menu y debajo un iFrame, pero el iframe se sobrepone al menu incluso haciendo lo que mencionas en este articulo, podrías echarme una mano ?

    http://mxwebmarketing.com/partylite/catalogo/primavera-verano.html

    ResponderEliminar
    Respuestas
    1. Hola Sebastián, no veo nada que se sobreponga a ningún otro elemento en esa página.

      Eliminar
    2. en el link que te dí, cuando pasas el mouse por el menu principal en la seccion de catalogo se abre una serie de sub menus y estos son los que se tapan por el flash que tengo insertado, he intentado de todo, incluso en la pagina principal de este sitio ocupe tu aporte de este articulo para el mismo menú y funciono perfectamente en videos de youtube, sin embargo en este flash no puedo hacerlo, alguna sugerencia?

      Saludos!

      Eliminar
    3. en el link que te mande, el error se presenta en el menú principal, cuando pasas el mouse sobre la seccion de catalogos este abre un sub menu que es el se tapa por el flash insertado ahi.

      Alguna Sugerencia?

      Saludos"

      Eliminar
    4. Pues ese es el problema que tengo, que no veo ningún flash ahí, veo el de arriba, ese sí, pero debajo no veo alguno, sólo un link de Adobe Flash, y he entrado tanto desde Chrome como desde Firefox.
      Aun así, siendo un archivo flash también puedes ponerle transparencia, incluso si tú estás haciendo el archivo flash tú puedes programarlo para que tenga la transparencia o no (sino me equivoco), pero de eso podrás enterarte mejor en algún sitio dedicado al soporte en temas de flash.

      Saludos.

      Eliminar
  106. hola potro oye te queria pedir ayuda haber si tu me puedes ayudar para que este reproductor no se sobre ponga aqui te dejo los codigos
    Saludos

    ResponderEliminar
  107. yo no he podido ocultar el video miren uso este codigo ayuda para que se muestre mi menu flotante indiquenme si estoy mal por favor
    iframe width="420" height="315"
    src="http://www.youtube.com/embed/3YeAhAgboWQ&wmode=transparent" frameborder="0"
    allowfullscreen>

    ResponderEliminar
    Respuestas
    1. No parece estar mal. ¿En cuál blog tienes el problema?

      Eliminar
  108. hola potro, ¿me ayudas? no me funciona mira el blog http://4lifemylife.blogspot.com/p/que-dicen-lo-expertos.html

    ResponderEliminar
  109. ya lo arregle gracias potro de todas forma ya lo hice http://4lifemylife.blogspot.com/p/que-dicen-lo-expertos.html

    ResponderEliminar
  110. Hola potro hace un buen tiempo queria preguntarte sobre este tutorial e visto en otras paginas que usan uno similar a este pero segun tu como lo explicas solo se puede integrar en dadget javascript y yo ando buscando uno igual a este pero para ponerlo en cada entrada y ahi pegar el embed html,de cada video prove con uno que tienes en otra entrada el tawviuw pero no me funciono y me preguntaba si tu sabes algo sobre esa tabla para poner videos me interesa mucho uno de esos,yo lo quiero para integrar embed de unos videos pero no son de youtube,ayuda gracias de ante mano es tare esperando tu respuesta...

    ResponderEliminar
    Respuestas
    1. Hola animeshentai, no sé si te equivocaste de entrada, supongo que te refieres al tabview; ese método que propongo en esa entrada tiene dos variantes, una para ponerlo como bien dices en gadgets, y otro para ponerlo directo en cada entrada. Si revisas de nuevo ese post verás que indica cómo ponerse en la entrada del blog.
      Saludos.

      Eliminar
    2. Si a esa entrada me referia al tabview; pero te cuento que lo hice en un blog de pruebas y me funciono muy bien y podia integrarlo directamente a una entrada,pero cuando lo probe con el nuevo diseno ahi fue cuando ya no me funciono no se podia ver nada,pero aclaro que en el blog de pruebas era con el nuevo diseno que iba a utilizar en mi blog original y la verdad no se que salio mal por que siendo el mismo diseno y no funciona,por eso te preguntaba si sabias de otro que sea especialmente para cada entrada,gracias y saludos.....

      Eliminar
    3. No conozco otro método aunque sí hay varios por la red, sería cuestión de que busques algunos y pruebes a ver qué tal te funcionan.

      Eliminar
  111. Hola Potro :)

    Una pregunta, ¿como puedo asignarle un tamaño específico a todo video que suba por medio del cargador de blogger con la class directamente en la plantilla?

    .BLOG_video_class { }

    Es que estoy subiendo muchos videos a un blog y es mucho trabajo editarlos a cada uno con el tamaño que quiero, ya intenté ponerle ahí mismo el tamaño del width y el height pero no me funciona :(

    ¿Qué debo poner en esa class?

    Gracias por tu ayuda Potro

    ResponderEliminar
    Respuestas
    1. Hola CristJian, depende cuál sea el código que te da, si es un EMBED entonces así:

      embed {
      width: 300px;
      height:150px;
      }

      Eliminar
    2. no, cuando subo un video se encuentra en un object, esto me sale al subir un video

      Un ejemplo de video de una entrada:

      object class="BLOG_video_class" contentid="83ebbfec70a99330" height="385" id="BLOG_video-83ebbfec70a99330" width="480"></object

      como puedo hacer para que todos los videos que suba tengan el tamaño que yo quiero?

      por que ya intenté editar directamente en la plantilla la clase .BLOG_video_class {height:valorpx; width:valorpx;} pero no me funciono

      Eliminar
    3. Este comentario ha sido eliminado por el autor.

      Eliminar
    4. Ahora mismo no tengo un video subido desde Blogger, pero prueba poniéndole el !important para que obligue a respetar ese valor, por ejemplo:
      .BLOG_video_class {
      height:150px !important;
      width:300px !important;
      }

      Eliminar
    5. gracias por tu ayuda Potro :)

      Eliminar
    6. ah, por cierto, se me olvido preguntarte sobre este mismo tema.

      ¿como puedo ponerle esa propiedad de "cuando los videos se sobreponen" directamente en la plantilla para todos los videos que suba por el cargador de videos de blogger?

      el problema anterior se solucionó poniendo esto:

      .BLOG_video_class, .BLOG_video_class embed {
      width: 680px;
      height: 400px;
      margin: 0 auto;
      display: block;
      }

      ¿que debería agregarle ahí para que no se sobrepongan?

      Gracias :)

      Eliminar
    7. Ahí no hay una manera automatizada, tienes que hacerlo de forma manual a cada video.

      Eliminar
    8. mmm, bueno, gracias de todas formas :)

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

    ResponderEliminar
    Respuestas
    1. No podría ya que no tengo una entrada sobre ello y métodos así como scripts hay muchos. Busca en Oloblogger, ahí hay una entrada que tiene tres métodos, alguna vez probé los dos últimos y tuve buenos resultados.

      Pd. He eliminado el comentario por el aviso que está al final de la página.
      Saludos.

      Eliminar
  113. esto me funciono muy bien para mi pagina un muy buen consejo excelente blogg

    saludos

    ResponderEliminar
  114. muy buen consejo me sirvio muchisimo

    excelente blogg

    saludos

    ResponderEliminar
  115. Hola potro. En mi intro del blog no logro ocultar el gadget HTML6 que és un chat. Estoy intentando hacer lo de Transparent, però no sé donde ubicar el código. Muchas grácias y felicidades por el blog.genial.

    ResponderEliminar
    Respuestas
    1. Hola Ron Scott, esto es sólo si el código se muestra como en los ejemplos, sólo de esa forma podrías aplicar la transparencia, si es un script no se podrá.

      Eliminar
  116. hola esto es lo que quiero hacer pero en los chat como seria el codigo no tengo mucha idea en este tema

    ResponderEliminar
    Respuestas
    1. Si el chat es un script no se podrá, sólo se puede con códigos como los que se muestran en el ejemplo.

      Eliminar
  117. ayudame potro pero porfavor contesta xDD eske puse visor d imagenes en mi blog y cuando paso el mouse se asen muy muy grandes :( y ademas no se ben bn porke el contador de visitas mi perfil mis seguidores se sobreponen arriba d la imagen D:
    ayudame :D

    ResponderEliminar
    Respuestas
    1. Hola Kakashi, ¿en cuál blog tienes el problema y a cuál visor de imágenes te refieres?

      Eliminar
  118. Gracias, tenía este problema y no daba con la solución.

    ResponderEliminar
  119. Hola,tengo un problema no se solo me pasa en un movil tambien en una tablet se sobrepone la publicidad del lado izquierdo del correo yahoosegun aumento para verlo no veo los correos se ocultan detras,la publicidad una parte se qieda en el centro de la pantalla y en el lado derecho tambien parte de sta publicidad.graciad

    ResponderEliminar
  120. Hola tengo un problema con el correo yahoo,la publicidad se soprepone encima de los mensajes y no puedo verlos,me sucede en el movil y en una tablet,como puedo arreglarlo?
    Gracias

    ResponderEliminar
    Respuestas
    1. Hola ann, en este blog tratamos sólo temas relacionados con los blogs de Blogger.
      Saludos.

      Eliminar
  121. Hola,tengo un problema no se solo me pasa en un movil tambien en una tablet se sobrepone la publicidad del lado izquierdo del correo yahoosegun aumento para verlo no veo los correos se ocultan detras,la publicidad una parte se qieda en el centro de la pantalla y en el lado derecho tambien parte de sta publicidad.graciad

    ResponderEliminar
  122. Hola,tengo un problema no se solo me pasa en un movil tambien en una tablet se sobrepone la publicidad del lado izquierdo del correo yahoosegun aumento para verlo no veo los correos se ocultan detras,la publicidad una parte se qieda en el centro de la pantalla y en el lado derecho tambien parte de sta publicidad.graciad

    ResponderEliminar
  123. Hola,tengo un problema no se solo me pasa en un movil tambien en una tablet se sobrepone la publicidad del lado izquierdo del correo yahoosegun aumento para verlo no veo los correos se ocultan detras,la publicidad una parte se qieda en el centro de la pantalla y en el lado derecho tambien parte de sta publicidad.graciad

    ResponderEliminar
  124. Hola,tengo un problema no se solo me pasa en un movil tambien en una tablet se sobrepone la publicidad del lado izquierdo del correo yahoosegun aumento para verlo no veo los correos se ocultan detras,la publicidad una parte se qieda en el centro de la pantalla y en el lado derecho tambien parte de sta publicidad.graciad

    ResponderEliminar
    Respuestas
    1. Hola EVA, en este blog tratamos sólo temas relacionados con los blogs de Blogger.
      Saludos.

      Eliminar
  125. Que buen truco maestro, no sabia por donde entrarle a estre problema pero ya esta resuelto!

    ResponderEliminar
  126. Ami no me funciono con CHROME alguien sabe como hacer para que no se sobre pongan para chrome gracias

    ResponderEliminar
  127. muy bueno... llegamos tarde pero a veces hay que programar para IE

    ResponderEliminar
  128. hola, veo que en firefox y crhome ultima version no le hace falta aplicarle a la etiqueta object ni al iframe el atributo transparent, ya que el video de youtube siempre quedar por debajo del menu. Esta misma web se puede ver en esos navegadores y en el primer ejemplo que es el que no tiene transparent el video queda por debajo del menú, es decir, se ve perfecto. ¿a que se debe, solo hace falta transparent para algunos navegadores? otra cosa, esto de que los menus queden debajo pasa tanto en ie 7 y 8 los demas no los he probado, pero solo pasa en los videos youtube, que me imagino que sera por los propios estilos css que ellos generan. Si se coje en el iframe y se pone una direccion cualquiera alguna de vuestra web o algo, este efecto indeseado no ocurre, solo pasa con los videos de youtube.

    ResponderEliminar
    Respuestas
    1. Hola isaac, tu observación es correcta, actualmente esos navegadores (incluyendo Safari) han corregido esos fallos y ya no hace falta hacerlo, al menos para ellos, pero posiblemente sí para otro tipo de navegadores como Internet Explorer. Yo actualmente no tengo un equipo con Windows a la mano así que no podría decirte si sucede lo mismo con la última versión de IE.

      Eliminar
    2. Me imaginaba que los navegadores mas modernos habían corregido este error ya que no sabia de donde venía ese error y ya se sabe que es de los navegadores. Encontré este articulo que lo explica también bastante bien ya que esto pasa con todos los objetos flash

      http://corchoweb.com/2012/soluciones/arreglo-z-index-de-youtube-y-flash-encima-de-todo/

      Eliminar
  129. quisiera saber como hacer esto con un frame.??
    cuando divido la pagina en 2 frames superior e inferior y pongo el menú en el superior cuando lo despliegue que quede sobre el inferior..

    ResponderEliminar
    Respuestas
    1. Un elemento que esté dentro de un iframe no puede salirse de él. Si tienes un menú en un iframe al desplegarse de desplegará dentro de ese iframe.

      Eliminar
  130. Buenas Potro, tengo un pequeño problema. Veras, tengo aplicado tu Orbit Slider, pero a la vez tambien tengo tu menu con css (arriba) y cuando se abren las sub-pestañas, el Orbit Slider tapa las sub-pestañas. Como puedo hacer para que no lo haga?
    Espero tu respuesta muy atentamente
    Saludos

    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.

 
Ir Arriba Ir Abajo
I Ciudad Blogger