Share the player anywhere

Embeddable widgets

Put any public LoftwahFM album, track, or playlist on another page with one iframe. Shared widgets play without a LoftwahFM account.

See examplesCopy embed code
ExamplesHow to embedURL flags
No account requiredClipboard and web-share allowedCompact is the safe default

Only albums already in the public library are available. Private and customer-only releases cannot be exposed by changing the URL.

LoftwahFM embeddable widget
Best fitpages that need a working music player without rebuilding the LoftwahFM experience

Supported examples

Compact is the safest fit for most layouts. Use the full player when the music is the main feature of the section.

Public player

A player anyone can use without signing in.

                  <iframe src="https://fm.loftwah.com/widget?album=best-of-loftwahfm-safe&variant=default" width="100%" height="500" frameborder="0" title="LoftwahFM public player example" allow="clipboard-write; web-share"></iframe>

Compact

Best for landing pages, blog posts, and smaller content blocks.

                  <iframe src="https://fm.loftwah.com/widget?album=best-of-loftwahfm-safe&variant=compact" width="100%" height="240" frameborder="0" title="LoftwahFM compact public player example" allow="clipboard-write; web-share" loading="lazy"></iframe>

Compact with a preselected track

Feature one song while keeping shuffle and repeat ready.

                  <iframe src="https://fm.loftwah.com/widget?album=best-of-loftwahfm-safe&file=Incoming%20(This%20is%20LoftwahFM).mp3&variant=compact&shuffle=1&repeat=all&width=560" width="100%" height="240" frameborder="0" title="LoftwahFM widget example: compact preselected track" allow="clipboard-write; web-share" loading="lazy"></iframe>

Mini

The smallest player for a tight layout or sidebar.

                  <iframe src="https://fm.loftwah.com/widget?album=best-of-loftwahfm-safe&variant=mini" width="100%" height="120" frameborder="0" title="LoftwahFM widget example: mini player" allow="clipboard-write; web-share" loading="lazy"></iframe>

How to embed it

Copy an iframe, keep it at 100 percent width, then choose the public album and variant in the URL. This works on third-party sites.

HTML

<iframe
  src="https://fm.loftwah.com/widget?album=best-of-loftwahfm-safe&variant=compact"
  width="100%"
  height="240"
  frameborder="0"
  loading="lazy"
  title="LoftwahFM compact public player"
  allow="clipboard-write; web-share">
</iframe>

Public by design

Widgets can read only the public catalogue. Private album names, tracks, and media remain unavailable even if someone edits the URL.

URL flags

Use flags only to choose a public album, track, playlist, or presentation. They cannot expand catalogue access.

Content

  • album

    Album slug, or all or playlist.

  • file

    Track filename within the album, URL encoded.

  • tracks

    Comma-separated slug/File.mp3 list for a custom playlist.

Playback

  • shuffle

    Use 1 or true to enable shuffle on load.

  • repeat

    Use none, one, or all. Defaults to the previous player preference.

  • autoplay

    Off by default. Browsers may still block it even if you request it.

Presentation

  • variant

    Compact is the stable default. Other variants are more experimental.

  • brand

    Set to 0 or false to hide the LoftwahFM brand header.

  • unstyled

    Set to 1 or true to avoid site global styles and keep Tailwind utilities only.

  • width / w

    Maximum content width in pixels inside the iframe. Defaults vary by variant.

Browser autoplay policies still require a user gesture in many cases, so treat autoplay as a request rather than a guarantee.