Commit 98de375

<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Can I capture a YouTube or third-party iframe?","acceptedAnswer":{"@type":"Answer","text":"Not directly when it is cross-origin. The browser blocks access to its document."}},{"@type":"Question","name":"What happens to inaccessible frames?","acceptedAnswer":{"@type":"Answer","text":"They are captured as a striped placeholder the size of the frame, so the layout is preserved and the unavailable content is explicit. Pass placeholders: false for an invisible spacer instead."}}]}</script>

document.body.appendChild(image)</pre></section><section class="prose"><h2>Why this pattern works</h2><p>SnapDOM reads an accessible iframe document, captures its visible content and places the result back into the parent snapshot. A cross-origin frame cannot be read, so it is drawn as a striped placeholder of the same size (the default) and a console warning names it; the parent layout never collapses around it.</p></section><section class="prose"><h2 id="live-demo">Capture a same-origin iframe</h2><p>The embedded srcdoc frame is same-origin and can be included in the parent capture.</p><div class="demo-box"><div class="demo-stage"><div id="demo-iframe" style="width:360px;padding:12px;background:#0F1E4D"><div style="color:#D9E2F7;font-size:11px;margin:0 0 8px">SAME-ORIGIN FRAME</div><iframe title="Capture demo" srcdoc="<style>body{margin:0;padding:20px;font-family:Arial;background:#fff;color:#0F1E4D}b{color:#2D5BFF}</style><b>Inside iframe</b><p>This document can be read and captured.</p>" style="display:block;width:100%;height:120px;border:0"></iframe></div></div><div class="demo-actions"><button type="button" class="btn btn-primary" data-demo-action="png" data-demo-target="demo-iframe" data-demo-output="demo-iframe-output" data-demo-filename="iframe">Capture iframe panel</button><button type="button" class="btn btn-ghost" data-demo-action="download" data-demo-target="demo-iframe" data-demo-output="demo-iframe-output" data-demo-filename="iframe">Download panel</button></div><div class="demo-output" id="demo-iframe-output"><span class="demo-hint">The captured result will appear here.</span></div></div></section>

<section class="prose faq"><h2 id="faq">Frequently asked questions</h2><details><summary>Can I capture a YouTube or third-party iframe?</summary><p>Not directly when it is cross-origin. The browser blocks access to its document.</p></details><details><summary>What happens to inaccessible frames?</summary><p>They become a striped placeholder the size of the frame, so the surrounding layout is unchanged and the unavailable content is explicit. That is the default; pass <code>placeholders: false</code> for an invisible spacer of the same size.</p></details></section>