Page Videos
Page Videos embed a video player directly on a FlipBook page — not in a popup, but right on top of the page. Perfect for product demos, training material with annotated diagrams, interactive textbooks, or anywhere a clip explains something the static page can't.
When to use Page Videos vs. a Media hotspot
Both Page Videos and Media-action hotspots put video into a FlipBook. The difference:
Page Video
Media Hotspot
Placement
Visible directly on the page
Hidden — opens a popup on click
Auto-play
Yes, when the page is visible
No, plays only on click
Looks like
A regular video player embedded in the page
A small marker that opens a popup
Best for
Demo videos that are part of the page experience
Optional supplementary videos
Use Page Videos when the video is the content. Use Media hotspots when the video is supplementary.
What you can embed
Page Videos support:
- Self-hosted video files uploaded to your WordPress media library (MP4, WebM, OGG).
- External video URLs (direct file links).
YouTube and Vimeo URLs are not currently supported in Page Videos — for those, use a Media hotspot with the embed code, or upload the video to your media library.
Step-by-step
1. Open your FlipBook editor
Go to FlipBooks → All FlipBooks and edit the FlipBook.
2. Switch to the Advanced tab
In the metabox below the title, click Advanced.
3. Find the Page Videos section
Page Videos is an accordion section. Click to expand. You'll see an empty repeater with an Add Video button.
4. Add a video
Click Add Video. A new row appears with these fields:
Field
What it does
Page
Which page the video appears on
Video File
The video file — drag-drop or pick from media library
Poster Image (optional)
Image shown before the video starts playing
X
Left position as a percentage of the page (0-100%)
Y
Top position as a percentage of the page (0-100%)
Width
Video width as a percentage of the page (default 30%)
Height
Video height as a percentage of the page
Autoplay
Start playing when the page is visible
Muted
Mute audio (required for autoplay in most browsers)
Loop
Restart the video when it finishes
Controls
Show play/pause/seek bar to readers
Draggable
Let readers drag the video to reposition it on the page
Resizable
Let readers resize the video
5. Save the FlipBook
Click Update in the top-right.
6. View the FlipBook
When a reader reaches the page, the video appears at the position you specified. With Autoplay on, it starts playing automatically.
All Page Video options in detail
Page
The page number (1-indexed) where the video appears. The video shows only on that page; on other pages, it disappears.
If your FlipBook is multi-PDF, the page number refers to the combined book (e.g. page 5 of a 100-page combined book, not page 5 of an individual chapter).
Video File
Upload an MP4, WebM, or OGG video to the media library, or paste a direct video URL.
Best practices:
- MP4 with H.264 is the most universally supported format. Default to this unless you have a specific reason.
- Compress your videos before uploading — a 2-minute product demo should be under 20 MB at 720p. Free tools: HandBrake, FFmpeg.
- Avoid uncompressed video — files over 100 MB will hurt page load times.
Poster Image
A static image shown in the video player slot before the video starts. Helpful when:
- The video has Autoplay off — the poster acts as a preview.
- The video is slow to load — readers see the poster while it buffers.
Skip this if you have Autoplay on and the video starts immediately.
Position (X, Y)
Coordinates of the video's top-left corner, measured as a percentage of the page width and height.
- X=0, Y=0 is the top-left corner of the page.
- X=50, Y=50 is the center of the page.
- X=70, Y=10 would put the video in the upper-right quadrant.
For pixel-perfect alignment, edit the values numerically. You can also use the visual position picker (drag the video preview in the admin), if available in your version.
Size (Width, Height)
Video size as a percentage of the page.
- Default: 30% width — about a third of the page width, a reasonable size for a corner video.
- For full-page videos, set Width=100% and Height=100%.
- The video's natural aspect ratio is preserved — if you set width to 50% but the video is 16:9, the height auto-adjusts proportionally.
Autoplay and Muted
- Autoplay on, Muted on — video plays automatically without sound when the page is visible. Most reliable; works on all browsers.
- Autoplay on, Muted off — most browsers block autoplay with sound. The video will not autoplay; readers must click to start.
- Autoplay off, Muted off — video doesn't play until a reader clicks. Lets you place a video without it interrupting reading.
Recommendation: unless your video has critical audio narration, use Autoplay on, Muted on. Readers can click to unmute.
Loop
Repeats the video when it finishes. Best for:
- Short demo loops (3-10 seconds).
- Background videos that should never feel "finished".
Don't loop a 5-minute narrated explainer — it'll restart while readers are still watching.
Controls
Shows browser-native playback controls (play/pause, seek, volume) on hover. Default: on.
Turn off for:
- Background videos where you don't want readers to pause them.
- Loops with no controls needed.
Draggable
Lets readers drag the video to a different spot on the page. Useful if the video covers important content that some readers want to see.
Resizable
Lets readers resize the video by dragging a corner. Useful for videos in a corner that readers want to bring to full-screen size.
When both Draggable and Resizable are on, readers get a "mini window" they can move and resize freely.
Multiple videos per page
You can add as many videos to a page as you want — just click Add Video again and configure another row. Be mindful:
- Multiple autoplaying videos on one page can be overwhelming and slow.
- Position them so they don't overlap (unless overlap is intentional).
- Readers' devices may struggle with 3+ HD videos playing simultaneously.
Drag-to-reorder
If you have many videos and want to change the order in the admin table, drag the grip handle (left side of each row) up or down. Order doesn't affect playback, but it makes the admin list easier to manage.
Performance
Page Videos load lazily: they only fetch the video file when the reader actually reaches that page. So a FlipBook with 10 videos won't slow down loading — only the videos for the current spread are fetched.
When the reader flips away from a page with an autoplay video, the video pauses automatically (saves CPU and battery).
Troubleshooting
Video doesn't appear on the page.
- Confirm the page number is correct.
- Confirm the video file URL is valid (paste it into a browser to check).
- Check the browser console for errors — sometimes a CORS issue blocks external video URLs.
Autoplay doesn't work. Modern browsers block autoplay with sound. Turn on Muted along with Autoplay and it'll work in every browser.
Video plays but no controls show. Confirm Controls is on. If still missing, your theme might be hiding the native video controls with CSS — try the FlipBook in a default theme to confirm.
Video is too big / too small. Adjust Width and Height percentages. If readers want to resize, turn on the Resizable option so they can adjust at runtime.
Video file is too large; page is slow. Compress the video. Use HandBrake or FFmpeg to re-encode at a lower bitrate. Target: under 5 MB per minute at 720p.
Want to use YouTube/Vimeo. Use a Media hotspot instead — set the hotspot Action to Media and paste the YouTube embed code. Or download the video, host it yourself, and use Page Videos.
Video pauses when I flip to the next page. That's expected — videos auto-pause when off-screen to save resources. To keep a video persistent across pages, use a Media hotspot instead (popup videos don't pause when the page changes).
Next steps
- Hotspots — for popup videos and other interactive overlays
- Creating a FlipBook — Overview — full editor walkthrough
- Display and Appearance — visual customization