VideoPlayer.ai gives you three embed styles. Each is a single block of code copy-pasted from the dashboard. Use whichever fits your site.
Steps
- Open the video from your library at /dashboard.
- Click Embed. The embed panel opens with three tabs: iframe, responsive, lite script.
- Pick the style and copy the snippet.
- Paste it into your page where you want the player to appear.
Which embed style to pick
| Style | Use when | Trade-off |
|---|---|---|
| iframe | You want the simplest, drop-in option | Needs a fixed width and height in the snippet |
| Responsive wrapper | You want the player to scale to its container | Needs an extra wrapper element with padding-top |
| Lite script | You want a fast first paint with a poster image | Loads the player JS only after the user clicks play |
A 30-second example
Here is the iframe embed copied from the dashboard. Replace your-slug:
<iframe
src="https://videoplayer.ai/embed/your-slug"
width="640"
height="360"
frameborder="0"
allow="autoplay; fullscreen; picture-in-picture"
allowfullscreen
></iframe>
Drop that into any page. The player loads. The video plays. Nothing else.
Embedding a non-public video
If your video is unlisted or password-protected, the embed still works. Anyone visiting the page sees the player. For password-protected videos, viewers enter the password on the player itself before playback. For private videos, only signed-in invited viewers can play.