стиль для вставки в iframe с помощью jquery

Question

скрыть / добавить стили внутри iframe для встраивания Padlet с jQuery, не будет нацеливаться на div # surface-header.app-bar.surface-header

iframe для встраивания Padlet Демонстрация кода: </p> <pre><code><iframe src="https://padlet.com/embed/s0ckmpcp5oauwa0z" frameborder="0" allow="camera;microphone;geolocation" style="width:100%;height:608px;display:block;padding:0;margin:0"> </iframe>

Код полной вставки Демо-версия: </p> <pre><code><div class="padlet-embed" style="border:1px solid rgba(0,0,0,0.1);border-radius:2px;box-sizing:border-box;overflow:hidden;position:relative;width:100%;background:#F4F4F4"><p style="padding:0;margin:0"><iframe src="https://padlet.com/embed/s0ckmpcp5oauwa0z" frameborder="0" allow="camera;microphone;geolocation" style="width:100%;height:608px;display:block;padding:0;margin:0"></iframe></p><div style="padding:8px;text-align:right;margin:0;"><a href="https://padlet.com?ref=embed" style="padding:0;margin:0;border:none;display:block;line-height:1;height:16px" target="_blank"><img src="https://resources.padletcdn.com/assets/made_with_padlet.png" width="86" height="16" style="padding:0;margin:0;background:none;border:none;display:inline;box-shadow:none" alt="Made with Padlet"></a></div></div>

Answer 1

Вы не можете изменять стиль внутри iframe, кроме случаев, когда:

1) Вы являетесь владельцем источника iframe

2) Ваш сайт живет по iframe-origin.com/mysite

3) Iframe позволяет вам вставить скрипт на страницу, которая содержит ваш встроенный контент

4) Вашему сайту разрешено общаться с iframe.com в соответствии со спецификациями CORS, которые обмениваются данными через postMessage API .

Все вышеперечисленное довольно необычно. Наиболее распространенный способ обычно - через ограниченные открытые API, которые позволяют настраивать определенные c биты отображаемого iframe.