$('iframe').css('visibility','hidden') not working in Google chrome

Question

I am using something like

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

which works fine In Firefox and Opera,

console error:

Unsafe JavaScript attempt to access frame with URL file:///D:/Configuracion/Documents%20and%20Settings/TNMC000/Escritorio/player/roundabout/js/round1.htm from frame with URL http://www.youtube.com/embed/hurnoKLuBD8. Domains, protocols and ports must match.

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

any idea?

-EDIT-

I fixed it using

.invisible{ text-indent:-9999px }

and

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

and

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

But still would like to know how to fix it working with only the iframe.

Answer 1

I know this is a bit dated, but I just ran into the same problem. My solution was

css( 'opacity', 0 )

Answer 2

There are issues with actually making iframes invisible (i.e. using visibility:hidden or display:none). But you can make them disappear by being small enough

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