iframe embeds

An iframe is the safest default for a fixed demo.

html
<iframe  src="https://littledemo.com/embed/demo_abc123"  width="100%"  height="400"  frameborder="0"  allow="autoplay; fullscreen"  allowfullscreen></iframe>

Parameters

html
<iframe  src="https://littledemo.com/embed/demo_abc123?autoplay=true&loop=true&controls=false"  width="100%"  height="400"  frameborder="0"  allow="autoplay; fullscreen"></iframe>

See embed parameters for the full list.

Sizing

Use a responsive wrapper when the host CMS lets you add CSS:

html
<div style="position:relative;width:100%;aspect-ratio:16/9">  <iframe    src="https://littledemo.com/embed/demo_abc123"    style="position:absolute;inset:0;width:100%;height:100%;border:0"    allow="autoplay; fullscreen"    allowfullscreen  ></iframe></div>

When not to use iframe

Use the JavaScript SDK if you need to create players dynamically, listen for playback events, or generate demos from page context.