Dan BurzoFeb 13
Dear #lazyweb, does anyone have a reference on what might trigger Error 153 in “properly configured” YouTube #iframe embeds in iOS Safari? Seems some cross-tracking protection-adjacent thing kicks in and withholds the referrer despite policies, but why only intermittently? makes it hard to debug when turning it off and on again fixes it for a while
Yewa, das Freudenquietsch ☑️Jan 15

Ich habe NL-Anmeldeformulare auf meiner Webseite per iframe eingebunden. Da meine Webseite zunehmend auch mobil aufgerufen wird, möchte ich gern, dass diese Formulare immer komplett sichtbar sind - egal ob mobil oder auf dem Desktop.
Gibt es bei height eine Eingabemöglichkeit, die die Höhe automatisch anpasst? Oder muss ich das Formular auch auf der "Desktopseite" viel zu hoch erscheinen lassen, damit es mobil hoch genug erscheint?

#fedihelp #brevo #iframe #wordpress #formular #height

❀𝓪𝓵𝓬𝓮𝓪𖤐  Jan 4
So if You #Base64 encode your code + Script into a base64 #iframe (or object if you wish) security measures will prevent the #script running from within this setup ?

... Hmmm.
Not too strange.
But sad.

Those dang script scammers they ruin everything.

<button id="copyBtn" style="display:none">Copy Page Embed</button>
<script>
const b=document.getElementById("copyBtn");function c(){const e=location.href.replace("/commentload.html","/quotepost.html"),t=`<iframe src="data:text/html;base64,${btoa(unescape(encodeURIComponent(`\n<div style="position:relative;width:55vw;height:89vh">\n <iframe src="${e}" style="width:100%;height:100%;border:0;pointer-events:none" onload="(()=>{\n const i=this,d=i.contentDocument,e=d.documentElement;\n d.body.style.overflow=e.style.overflow='hidden';\n const r=()=>{let s=Math.min(i.clientWidth/e.scrollWidth,i.clientHeight/e.scrollHeight); e.style.transform='scale('+s+')'; e.style.transformOrigin='0 0'; i.style.height=e.scrollHeight*s+'px'};\n r(); new ResizeObserver(r).observe(e);\n })()"></iframe>\n <a href="${e}" target="_blank" style="position:absolute;inset:0;z-index:1"></a>\n</div>\n`)))}" style="width:55vw;height:89vh;border:0"></iframe>`;navigator.clipboard.writeText(t).then((()=>{b.textContent="QUOTE COPIED",b.disabled=!0}))}window.self===window.top&&(b.style.display="inline-block"),b.onclick=c;
</script>


#AmusedCea #CodeAlcea
#repost •acws #acws
HabrDec 12

[Перевод] Document PiP vs window.open

Всем привет! Меня зовут Максим Иванов . Сегодня я хотел бы провести небольшой исторический экскурс и объяснить, почему Document Picture-in-Picture — это не просто способ отображать видео в формате « картинка в картинке », а новое и любопытное API, которое потенциально может заменить привычный всем window.open. Возможность выводить видео в режиме PiP появилась еще в сентябре 2018 года в Chrome 69. С тех пор прошло более семи лет активного тестирования и развития. В 2019 году подобный механизм появился в Safari, а к 2020-му — и в Firefox. Теперь, когда почти каждый браузер умеет открывать видео в отдельном плавающем окне, возникает логичный вопрос: могут ли браузеры с той же легкостью открывать в отдельном окне интерактивный HTML-контент, а не только видео? И если да, то каким образом? Давайте поговорим об этом ниже.

https://habr.com/ru/articles/953340/

#pip #document #js #iframe #DocumentPictureInPicture #web #web10 #web20 #open

Document PiP vs window.open

Введение Всем привет! Меня зовут Максим Иванов . Сегодня я хотел бы провести небольшой исторический экскурс и объяснить, почему Document Picture-in-Picture — это не просто способ отображать видео в...

Хабр
Wilda SoftwareNov 18

Są takie chwile w programowaniu stron internetowych, kiedy trzeba umieścić w nich pliki PDF. Jak się okazuje, można to zrobić na aż co najmniej trzy różne sposoby.

#programowanie #WebDev #iframe

https://jsdev.space/howto/embed-pdf-web/

Howto Embed PDFs on Web Pages with HTML and JS Libraries

Learn how to embed PDF files on web pages using HTML, images, or JavaScript libraries like PDF.js. Compare methods, pros, cons, and best use cases.

JavaScript Development Space
HabrNov 16

Гайд по архитектуре браузерных песочниц: как работает изоляция JavaScript-кода

Всем привет! Последние несколько месяцев я работаю над пет-проектом — интерактивной образовательной платформой для изучения Web Audio API и принципов обработки и синтеза цифрового звука. На платформе пользователи смогут решать задачи, программируя на JavaScript прямо в браузере. Эти программы выполняются в изолированной среде — песочнице , где пользовательский код не может повлиять на работу самой платформы. Когда я начал реализовывать песочницу для своего проекта, я быстро понял, что это куда сложнее, чем кажется на первый взгляд. Я перепробовал разные подходы и убедился, что тема изоляции кода в браузере далека от очевидной, а большинство материалов в сети рассматривают её лишь поверхностно. Из моих исследований и экспериментов выросла эта статья — подробный разбор того, как устроены песочницы в браузере и какие архитектурные принципы и нюансы безопасности лежат в их основе. Устроиться поудобнее и погрузиться в тему

https://habr.com/ru/articles/965830/

#песочница #sandbox #sandboxing #изоляция #iframe #realm #shadowrealm #архитектура_песочниц #изоляция_кода

Гайд по архитектуре браузерных песочниц: как работает изоляция JavaScript-кода

Всем привет! Меня зовут Александр Григоренко, я фронтенд-разработчик. Последние несколько месяцев я работаю над пет-проектом — интерактивной образовательной платформой для изучения Web Audio API и...

Хабр
Crazy-to-BikeOct 25
Ich habe gerade ein #Video von meinem #Peertube #Server in einen Artikel meiner #Joomla #Webseite per #iframe eingebunden.

Grundsätzlich funktioniert es, aber man muss 2-3 mal auf Play drücken, bevor das Video wirklich läuft. Davor kommt nach Drücken auf Play immer wieder der Play-Button und nicht der Pause-Butten (der erscheint, während/wenn das Video abgespielt wird). Es wird nach Drücken von Play also ein paar mal sofort wieder gestoppt/pausiert. 🤔🤷‍♂️🙈

Ist das nur bei mir so?
https://www.crazy-to-bike.de/blogs/98-event-blog/552-trailbiken-auf-dem-tiersteintrail-09-09-2025.html

Hat jemand eine Ahnung, woran das liegen könnte?

Bitte #boosten für mehr Reichweite.

#Fedipower
Trailbiken auf dem Tiersteintrail (09.09.2025)

Südlich von Bad Säckingen am Hochrhein erstrecken sich etliche Trails in und um den Jurapark Aargau. Erstmals ausgerüstet mit Actioncam, gibt es von der Tour über den Tiersteintrail ganz neue Impressionen.

N-gated Hacker NewsOct 10
Here's an #innovation for the 🏆 ages: a website that lets you check if another website can be stuffed into an #iframe. 🌟 Because who wouldn't want to spend their time ensuring their page can be a digital nesting doll? For those who find the complexities of #CSP and X-Frame-Options riveting, this groundbreaking tool is your invitation to the party 🎉.
https://iframetest.com/ #webdevelopment #tools #HackerNews #ngated
iFrame Tester Gator - Test Embeddability & Bypass Restrictions

Simple tool to test iframe embedding compatibility by visual inspection.

Hacker NewsOct 10

Iframetest.com

https://iframetest.com/

#HackerNews #Iframetest #Iframe #Testing #Web #Development #Technology #Tools

iFrame Tester Gator - Test Embeddability & Bypass Restrictions

Simple tool to test iframe embedding compatibility by visual inspection.

IB Teguh TMAug 27, 2025

Unlock Odoo Iframe Widget magic! Embed content easily in 7 steps. No code needed! Boost your website's power now! #Odoo #Iframe #WebsiteDevelopment #OdooWidget

https://teguhteja.id/odoo-iframe-widget-steps/?utm_source=mastodon&utm_medium=jetpack_social

Easily Odoo Iframe Widget: 7 Steps - teguhteja.id

Odoo Iframe Widget? Embed anything! See 7 easy steps for seamless website integration & boost engagement now!

teguhteja