Embedding the Player

Getting your embed code

All embed codes are generated from Player Studio (Media → Player). This ensures the embed includes your saved player profile — your brand colors, control settings, and playback behavior — rather than requiring you to configure each embed individually.

1. Go to Media → Player in your VideoNest dashboard to open Player Studio.
2. Select your player profile from the top of the panel.
3. Click the Single Video tab (or Channel, Feed, or Playlist depending on what you want to embed).
4. For Single Video: select the video from your library using the video selector.
5. Choose your Aspect Ratio (16:9 is standard; see Responsive Embeds for other options).
6. Click Copy Embed Code.

Placing the embed code

Paste the copied code into your website wherever you want the player to appear. The embed is a standard HTML iframe that works in any environment that supports custom HTML.

WordPress

In the Block Editor, add a Custom HTML block and paste the embed code directly into it. Do not paste into the Visual/paragraph editor — WordPress may strip or escape the iframe tag.

Ghost

In the Ghost editor, click + to insert a new card and select HTML. Paste the embed code into the card. Ghost renders the iframe as-is when published.

Other CMS platforms

Any CMS that allows raw HTML or iframe embeds works the same way. Look for an "HTML block," "Embed," "Custom HTML," or "Raw HTML" content type in your editor.

Responsive embeds

The embed code generated by Player Studio uses the Responsive (100%) scaling option by default, making the player stretch to fill its container while maintaining your chosen aspect ratio. For manual responsive CSS techniques or a fixed max-width, see the Responsive Embeds guide.

Sharing a preview

Before embedding, you can share a preview of the player with a teammate or client. In Player Studio, click Share in the preview panel to generate a temporary preview link — no VideoNest account required to view it.