How to Fix Autoplay Video Not Working in Elementor

Updated: May 22, 2021

When adding a video to a page/template in Elementor using the Video widget, you can set the video to play itself once the page is loaded. The autoplay feature applies to all video sources. Be it YouTube, Vimeo, Dailymotion, or self-hosted. The most common issue when setting an autoplay video in Elementor is the video doesn’t automatically play once the page where the video belongs to is completely loaded.

How to fix the issue?

The first solution, disable the Image Overlay option. This feature (Image Overlay) allows you to use a custom thumbnail for your video. However, it will override autoplay. Your video won’t autoplay if the Image Overlay option is enabled.

The second solution, enable the Mute option. Some web browsers, including Google Chrome, only support autoplay video if the audio is muted. Even if your video contains no audio, you keep needing to enable the Mute option to make it autoplay on Google Chrome and some browsers.

You can read this documentation to learn more about the autoplay policy of Google Chrome.

If the two solutions above don’t fix the issue, you can try to use a different widget to add the video. You need to install an add-on to do so. JetElements has a widget — called Video Player — that you can use to add a video. Just like Elementor’s native Video widget. The Video Player of JetElements also supports the autoplay option. You can even select whether you want to use HTML5 or MediaElement Player for self-hosted video.

This page may contain affiliate links, which help support WP Pagebuilders. Learn more


Leave a Reply

Your email address will not be published.

Pin It on Pinterest

Thanks for commenting

Help us grow by sharing this post with your friends!

Scroll to Top

It's a minute already. Thanks for staying

Subscribe to get regular articles about page builder plugins and WordPress in general