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

ParamApplies toValues
themechatdark (default), light, transparent
autoplayvideo1 (default), 0
mutedvideo1 (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.