Embeds
Drop a VPZONE player or chat panel into any website. No API key, no auth — public streams only.
Live preview
Type a channel slug and copy the snippet. The preview below renders the real embed.
HTML snippet
<iframe src="https://vpzone.tv/embed/video/lordwaffl3" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen frameborder="0" width="640" height="360"> </iframe>
JS SDK
Load the SDK once, use data-vpzone-* attributes for auto-embed, or instantiate programmatically for events & full control.
1. Include the script
<script src="https://vpzone.tv/embed.js" async></script>
2. Declarative embed
<div style="width:640px"
data-vpzone-channel="lordwaffl3"
data-vpzone-type="video"></div>
<div style="width:340px; height:500px"
data-vpzone-channel="lordwaffl3"
data-vpzone-type="chat"
data-vpzone-theme="dark"></div>3. Programmatic + events
const embed = new VPZONE.Embed({
channel: "lordwaffl3",
type: "video",
parent: document.getElementById("player"),
on: {
ready: () => console.log("iframe loaded"),
live: (p) => console.log(p.slug, "went live"),
offline: (p) => console.log(p.slug, "went offline"),
},
});
// later: embed.destroy();Raw iframes (no SDK)
If you prefer zero JavaScript, iframes work on their own.
Video player
<iframe
src="https://vpzone.tv/embed/video/{slug}"
allow="autoplay; fullscreen; picture-in-picture"
allowfullscreen
frameborder="0"
width="640" height="360">
</iframe>Chat (read-only)
<iframe
src="https://vpzone.tv/embed/chat/{slug}?theme=dark"
frameborder="0"
width="340" height="500">
</iframe>URL parameters
| Param | Applies to | Values |
|---|---|---|
| theme | chat | dark (default), light, transparent |
| autoplay | video | 1 (default), 0 |
| muted | video | 1 (default), 0 — browsers block unmuted autoplay |
FAQ
- Can viewers chat from the embed?
- Not yet. Chat embeds are read-only in v1 — a link in the footer opens the channel on VPZONE where the viewer can sign in. Writable embed chat is on the roadmap but blocked by browser restrictions on third-party cookies.
- Is there a rate limit or cost?
- Embeds are free and public. No API key required. We edge-throttle abusive clients but viral traffic is fine.
- Can I restrict which domains embed my stream?
- Not in v1 — any origin can embed. Ping support if you need a domain allowlist.