Embedding the Player

Getting your embed code

Every video hosted on VideoNest has a unique embed code you can copy from your dashboard.

1. Open your VideoNest dashboard and go to Video Library.
2. Click the video you want to embed.
3. Click the Share / Embed button in the video detail panel.
4. Select the Embed tab to reveal the iframe code.
5. Click Copy to copy the code to your clipboard.

Your embed code includes your specific video ID already filled in, so you can paste it directly into your site without any edits.

Paste the embed code

Paste the copied iframe code into the HTML of your page where you want the player to appear. The standard embed code looks like this:

<iframe
  src="https://player.videonest.co/v/VIDEO_ID"
  width="640"
  height="360"
  frameborder="0"
  allowfullscreen>
</iframe>

The width and height attributes set the pixel dimensions of the player. 640×360 is a standard 16:9 size, but you can adjust these to fit your layout. For fully fluid, responsive embeds, see the next section.

Responsive embeds

The fixed width and height values above work well for fixed-width layouts, but on responsive sites the player can overflow on smaller screens. The solution is to wrap the iframe in a 16:9 aspect-ratio container and let it stretch to fill the available width.

For full instructions and copy-paste CSS, see the Responsive Embeds guide.

Player parameters

You can control playback behavior by appending query parameters to the player URL. Add them after the video ID with a ?, separating multiple parameters with &.

• autoplay=1 — Start playing as soon as the player loads. Most browsers require muted=1 to be set alongside autoplay.
• muted=1 — Start with audio muted. Required for autoplay in most browsers.
• loop=1 — Loop the video continuously after it ends.
• controls=0 — Hide the player controls. Useful for background video or silent loops.
• start=30 — Begin playback at a specific second. Replace 30 with any number of seconds from the start of the video.

Example: autoplay a muted video starting at the 10-second mark:

<iframe
  src="https://player.videonest.co/v/VIDEO_ID?autoplay=1&muted=1&start=10"
  width="640"
  height="360"
  frameborder="0"
  allowfullscreen>
</iframe>

Platform-specific notes

WordPress

Paste the embed code into an HTML block (also called a Custom HTML block in the block editor). Do not paste it into the Visual/paragraph editor — WordPress will strip the iframe tag or escape the angle brackets, breaking the embed.

Webflow

Add an Embed element to your page (found in the Add panel under Components). Paste the iframe code into the Embed editor and click Save. The player will render in preview and when published.

Ghost

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