Overview HTML Generator

Generate responsive HTML containers for audio and video overviews. Paste a supported share link, preview it, then copy the generated HTML.

Responsive • 16:9 • Embed-ready

Audio Overview

Add audio plus an optional 16:9 image cover.

Audio link

Google Drive and Dropbox share links are converted automatically where possible.

Image link (optional)

Image fit

Corner radius

Add subtle shadow

Preview & HTML

The generated container scales automatically to the page width.

LIVE PREVIEW

Your audio overview preview will appear here.

Generated HTML

Video Overview

Paste YouTube, Google Drive, Dropbox, or a direct video link.

Video link

YouTube and Google Drive use iframe embeds. Direct video files use the native HTML5 player.

Video fit

Corner radius

Add subtle shadow

Preview & HTML

Generated media uses a responsive 16:9 container.

LIVE PREVIEW

Your video overview preview will appear here.

Generated HTML

Note: Some providers block embedding through their own security settings. In those cases, use a public direct media link or a provider-supported embed link.