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

Question

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

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

, которое отлично работает В Firefox и Opera ошибка консоли

:

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

Тестовый 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

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

css( 'opacity', 0 )

Answer 2

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

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

Answer 3

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

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

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