Ads without interruption
The headline feature: ads render simultaneously with the main video — it keeps playing. Choose Overlay, Underlay or Side‑by‑Side layouts. Ideal for live, where cutting away means losing the feed.
HTML5 Video Ad SDK
Show ads without interrupting your video
Overlay · Underlay · Side‑by‑Side — ads and content play at the same time.
WebAdSDK is a lightweight HTML5 SDK that plays your HLS/DASH/MP4 content and runs ads alongside it instead of stopping it. Perfect for live streams: monetize without ever cutting away from the live feed — with a clean, typed JavaScript API and support for every major player engine.
What it does
Run ads without ever stopping the content — and everything else you need to play video on the web.
Every ad scenario
Preroll, midroll, postroll and on‑pause ads (video & image) — scheduled and orchestrated for you via a rolling‑horizon VMAP plan.
8 player engines
auto, Plyr, HLS.js, DASH.js, Shaka, Video.js, Clappr or native <video>. The SDK auto‑detects HLS vs DASH.
Flexible ad config
Load the Ad Config (ACF) from QC DeviceAPI, CS API by id, or pass raw JSON directly — no rebuild required.
Typed events
Subscribe to ad and content lifecycle events: adStarted, adCompleted, contentStarted, timeUpdate, fullscreenChange.
VAST macros
Substitute your own [KEY] macros into VAST URLs before each ad request — for analytics and targeting.
See it in action
Press play below. The SDK loads a video stream and runs sample ads (preroll, then a midroll, plus an on‑pause ad when you pause) — all without stopping the content. This is the shortest integration — a few lines of vanilla JS.
Play
Tip: pause the video to trigger an on‑pause ad. Want to try other streams, switch the player engine or watch the logs? Open the Live Demo.