What this demonstrates

The SDK offers two video surfaces. <ezoic-video-embed> injects the Open Video script and mounts a floating, autoplaying player into its own host element; <ezoic-video> emits a bare div the Ezoic video runtime discovers and fills, with a publisher-chosen div id. The <ezoic-video> placeholder only loads after page-level ad scripts initialize, so this page also mounts one display <ezoic-ad> — without a display placement (or rewarded init) the video request stays queued and never fills.
Integration used on this page
<!-- video.component.ts template -->
<ezoic-video-embed videoId="zn0TPhaPiju" float autoplay />
<ezoic-video divId="demo-video-slot-1" />

<!-- required: a display placement initializes page-level ads so the video loads -->
<ezoic-ad [id]="926" [required]="true" [sizes]="['300x250', '336x280']" />

View source on GitHub →

SDK example source: @ezoic/angular-sdk (examples/site-demos) →