Vue SDK

Video placeholders and embeds

The SDK ships two independent video paths: Ezoic's own ad-bundle video placeholders, and inline embeds from Ezoic's Open Video platform.

What this demonstrates

<EzoicVideo> renders an Ezoic video-ad placeholder driven by the ad bundle — it requires the plugin, uses a publisher-chosen div id (a numeric string; the ad bundle silently drops non-numeric video ids), and its one call both registers and loads the ad code. <EzoicVideoEmbed> is self-contained: it injects the Open Video script itself and needs no plugin, so it can be dropped in anywhere. Both tear their placeholder down automatically on unmount.

View source on GitHub →

SDK docs: README — Video

Component usage

<script setup lang="ts">
import { EzoicVideo, EzoicVideoEmbed } from '@ezoic/vue-sdk';
</script>

<template>
  <!-- Ezoic ad-bundle video placeholder. Requires the plugin. -->
  <div class="video-slot">
    <EzoicVideo div-id="900001" />
  </div>

  <!-- Self-contained Open Video inline embed. No plugin required. -->
  <EzoicVideoEmbed video-id="zn0TPhaPiju" :autoplay="false" />
</template>

Live demo

The panel below embeds the SDK's own demo app (built from @ezoic/vue-sdk v1.0.0) — look at its "Video" panel. The EzoicVideoEmbed example uses a real Ezoic Open Video id (zn0TPhaPiju); an Open Video embed renders nothing for a nonexistent id. examples.ezoic.com's root domain is not lite-active, so the EzoicVideo ad-bundle placeholder will not fill (it also only requests once page-level ads load — the demo's rewarded init triggers that). Check the placeholder div and the embed container, not the fill. Open the full demo in a new tab →