Video
Add MP4 videos with options such as autoplay, loop, and controls, use a thumbnail that opens the video in a lightbox, or embed external videos.
Live Preview| Use case | Add MP4 or embedded videos. |
| Page speed impact | Low, Medium, or High, depending on the selected options and file sizes. Optimize the video poster image with TinyPNG and compress MP4 files with tools like VideoSmaller. Enable lazy loading for autoplay videos below the fold. External embeds depend on the third-party service. The Thumbnail option is usually faster if the image is optimized, since no video files load until the user clicks to play (then the lightbox opens). |
| Available in pages | Yes |
| Reserved block class | video |
| Relevant files | css/components/video.cssjs/components/video.js |