Drop a VPZONE player or chat panel into any website. No API key, no auth — public streams only.
Type a channel slug and copy the snippet. The preview below renders the real embed.
<iframe src="https://vpzone.tv/embed/video/lordwaffl3" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen frameborder="0" width="640" height="360"> </iframe>
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();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 |