$ ('iframe'). Css ('visibilidad', 'oculto') no funciona en Google Chrome

Question

que estoy usando algo así como

$('ul li').find('iframe').css({'visibility':'visible'}); 

wich funciona bien en Firefox y Opera,

consola de error:

intento inseguro JavaScript para acceder marco con el archivo URL: /// D: /Configuracion/Documents%20and%20Settings/TNMC000/Escritorio/player/roundabout/js/round1.htm del marco con el URL http://www.youtube.com/embed/hurnoKLuBD8. Deben coincidir los dominios, protocolos y puertos. URL

prueba: http://toniweb.us/vimeo-like/js/images.htm

alguna idea?

operación -Editar-

me fijo utilizando

.invisible{ text-indent:-9999px } 

y

<div class="iframe"><iframe></iframe></div> 

y

$('ul li').find('.iframe').addClass('invisible'); 

Pero aún así me gustaría saber cómo solucionarlo trabajar con solo el iframe

Answer 1

hay problemas con la realidad haciendo iframes invisibles (es decir, usando visibility:hidden o display:none). Pero usted puede hacer que desaparezcan por ser lo suficientemente pequeño como

$('ul li').find('iframe').css({"height":"0", "width":"0", "border":"none"}); 

Answer 2

El mapa de objetos debería funcionar bien, pero si solo está configurando un único estilo, puede ser más fácil omitir completamente el mapa de objetos. Prueba esto:

$('ul li').find('.titThumb').css('visibility', 'visible'); 
$('ul li').find('.titIframe').css('visibility', 'hidden'); 

http://api.jquery.com/css/

Answer 3

Sé que esto es un poco anticuado, pero me acabo de encontrar con el mismo problema. Mi solución fue

css('opacity', 0)