Put a cover and a video in front of your HTML

Add your three pieces below. The tool checks whether your HTML is a slide deck or a scrolling page, then puts the cover first, the video second and your content after them, in the same format.

Cover page

An image (JPG, PNG, WEBP, GIF or SVG). Shown full screen when the file opens.

Video

MP4 or WEBM plays in every modern browser. Embedded directly, so it plays offline.

HTML file

Slide decks are detected automatically, and the cover and video become slides 1 and 2. Other pages get them as full-screen pages at the top.

Slides not detected correctly?

Enter the CSS selector that matches each slide in your file, for example .slide or .deck > section.

Preview

Pages

Remove any page you don't want. Removed pages are left out of the downloaded file.