$ ('Iframe'). CSS ('видимость', 'скрытый') не работает в Google Chrome

Question

Я использую что-то вроде

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

Wich отлично работает в Firefox и Opera,

консоль ошибка:

небезопасный JavaScript попытка доступа кадр с URL файла: /// D: /Configuracion/Documents%20and%20Settings/TNMC000/Escritorio/player/roundabout/js/round1.htm от кадра с URL http://www.youtube.com/embed/hurnoKLuBD8. Домены, протоколы и порты должны совпадать.

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

любая идея?

-EDIT-

Я установил его с помощью

.invisible{ text-indent:-9999px } 

и

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

и

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

Но все-таки хотелось бы знать, как это исправить работает с только iframe

Answer 1

Есть проблемы с фактически делает невидимыми плавающие фреймы (т.е. с использованием visibility:hidden или display:none). Но вы можете заставить их исчезнуть, будучи достаточно маленьким

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

Answer 2

Карта объекта должна работать нормально, но если вы устанавливаете только один стиль, может быть проще пропустить карту объекта полностью. Попробуйте это:

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

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

Answer 3

Я знаю, что это немного устаревшей, но я столкнулся с той же проблемой. Мой раствор был

css('opacity', 0)