> For the complete documentation index, see [llms.txt](https://docs.hello-lisa.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.hello-lisa.com/developers/widgets/examples.md).

# Examples

### Layouts

{% embed url="<https://codepen.io/hello-lisa/pen/bGLxOjJ>" %}

### Variations

#### Landscape Assets

{% embed url="<https://codepen.io/hello-lisa/pen/PoQxpVa>" %}

#### Customization #1

Player in embedded host element Asset height via CSS variables Asset alignment via CSS overwrite Omitted description

Please expand code types (HTML, CSS, JS) for implementation details.

{% embed url="<https://codepen.io/hello-lisa/pen/wvyQJLR>" %}