FLASH SALE Get 20% OFF everything using the coupon code: FLASH20
View Pricing Plans →
One of the standout features of Inspiro is the ability to display an autoplaying video background in the homepage slideshow (hero area). This feature brings motion and visual impact to your site’s header, making it ideal for creatives, filmmakers, and businesses that want to showcase video content in a bold way.
To enable a video background:
1. Go to Slideshow → Add New Slideshow Item (or edit an existing one).
2. Scroll to the Video Settings section under the content editor.
3. Click the Video Background tab.
4. Choose the video source you want to use and paste the link in the appropriate field.
Examples of valid video URLs:
✅ Vimeo: https://vimeo.com/295116835
✅ YouTube: https://www.youtube.com/watch?v=uvNw15W_EK8
Note: Shortened URLs or URLs with additional query parameters may not work.
❌ https://www.youtube.com/watch?v=tXxpsKog2FU&t=287s&ab_channel=WPZOOM
❌ https://youtu.be/tXxpsKog2FU?si=8sSHwn4FREu1fB_h
💡 Tip: If you’re using a video background, we recommend setting a featured image that matches the first frame of your video. This provides a smooth experience while the video is loading.
Inspiro supports video backgrounds on mobile devices. The best options for video background mobile support are self-hosted videos and Vimeo videos.
❗ YouTube does not support autoplaying background videos on mobile devices due to limitations outside our control.
To ensure smooth playback on mobile devices, make sure your videos comply with these requirements:
💡 Use tools like Handbrake to compress and convert your video files.
Optionally, you can upload a different video which will be displayed on mobile devices.
For example, it can be an optimized video with a smaller resolution, or in a different orientation like portrait.
Vimeo videos work best with Vimeo Plus, Pro, and Business accounts.
Even though Inspiro supports self-hosted videos, it’s much better to host them on a dedicated video platform like Vimeo. With Vimeo PRO, your videos will load faster, and you will not have to deal with issues like server bandwidth or slow-loading videos.
If your video background isn’t working on mobile, check the following:
You can disable video backgrounds on mobile devices entirely.
Go to Appearance → Customize → Homepage Slideshow → Mobile Options and uncheck “Play Background Video on Mobile?”
This will show the featured image instead of the video on phones and tablets.