Getting Your Embed Code

Embedding Players

  1. From the Dashboard, click the embed/share icon on a project card.
  2. Choose your sharing method:

Share Link — A standalone URL that opens the player in its own page. Best for social media, emails, or client proposals. This link generates a rich preview card (with your project's title, description, and cover art) on platforms like Twitter, LinkedIn, Slack, Discord, and iMessage.

Responsive Embed (Recommended) — A JavaScript snippet that creates an iframe and auto-resizes the player height to fit its content. Use this for embedding on your website. It works in WordPress custom HTML blocks, Squarespace code blocks, Webflow embed elements, Wix HTML embed components, and any HTML editor. This is the best choice in most cases because it prevents vertical clipping and adapts as your player content changes.

Iframe — A simple iframe tag with a fixed height. Use this only if your platform doesn't allow JavaScript in embed blocks (some restrict it for security). The iframe works everywhere but requires you to manually set the height, and it won't auto-resize if the player content changes.

Tip: If your embedded player looks clipped at the bottom or doesn't resize properly on mobile, you're probably using the basic Iframe embed. Switch to the Responsive Embed to fix this.