Home
Getting started
- First steps
- Theme settings
  - Color
  - Typography
  - Layout
  - Corners
  - Components
  - Miscellaneous
- Header
  - Theme settings
  - Page settings
  - Editor
  - Previews
  - Header 1
  - Header 2
  - Header 3
  - Header 4
  - Header 5
  - Header 6
  - Header LP 1
  - Header LP 2
- Footer
- Section extra settings
- Set up blogs
Modules
- General info
- Accordion
- Blog card
- Box over image
- Button
- Column navigation
- Compact card
- Comparison table
- Contact box
- Content card
- Cover card
- Feature card
- Features showcase
- Form
- Gallery
- Go card
- Heading
- Hero slider
- Icon
- Image
- Image box
- Image plus text
- Language selector
- Listing
- Logos
- Mobile navigation
- Modal
- Multi address
- Navigation
- Numbers
- Pillar navigation
- Pricing
- Properties
- Quick action
- Quick features
- Quote
- Review
- Rich text
- Scroll to
- Section extra settings
- Section intro
- Sharing
- Shifter
- Side menu
- Site search
- Steps
- Tabs
- Team card
- Timeline
- Video
- Blog configuration
Articles
Changelog
License
Support policy
Refund policy

Video

Use case:

HTML5 video player, lightbox or embed.

Page speed impact:

Low, medium, or even high — it depends a lot on the options selected and the size of your files. Before uploading, optimize your video poster with TinyPNG, and compress your mp4 file with a tool like VideoSmaller. Make sure to enable Lazy loading for Autoplay videos that are placed below the fold. If you use an external embed option, it depends a lot on the speed of that service. Thumbnail is usually the faster option if you optimize your image because no other files will load until the user clicks to play the video, which then opens the lightbox.

Available in pages:

Yes

Reserved block class:

video

Resources:

css/components/video.css

js/components/video.js