$('iframe').css('visibility','

Question

I am using something like

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

wich 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

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"});

Answer 2

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

css( 'opacity', 0 )

Answer 3

The object map should work just fine but if you're only setting a single style it may be easier to skip the object map completely. Try this:

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

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