# Iframes

360 picture

```html
<div style="width:100%; height:700px; border-radius:12px; overflow:hidden; background:#000;">
  <iframe
    src="/360/viewer.html?img=/uploads/images/gallery/2026-05/scaled-1680-/chatgpt-image-may-12-2026-01-36-38-pm1.png&amp;yaw=0&amp;pitch=-5&amp;hfov=110"
    style="width:100%; height:100%; border:0;"
    allowfullscreen
    allow="fullscreen; gyroscope; accelerometer; xr-spatial-tracking">
  </iframe>
</div>
```

Videos

```html
<div id="bkmrk-video174" style="width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; background: #000;"><video style="width: 100%; height: 100%; display: block; object-fit: cover; pointer-events: none;" src="https://bookstack.thecartwrights.nz/attachments/174?open=true" preload="auto" autoplay="autoplay" loop="loop" muted="muted"></video></div>
```