[Support request] Using elementor to autoplay only on Desktop and have an overlay on mobile?

[Kumi]

Hello!

I am using GP with elementor and I want to autoplay only on Desktop and tablets while having an an overlay image on mobile devices.

In elementor, there is a option to place overlay images but activating this apparently overlays for all devices and not just one.

I was thinking maybe some CSS would help but not sure.

@media only screen and (max-width: 767px) {
.video-section video {
autoplay: none;
}
}

I would appreciate if someone could help point me in the right direction so videos only autoplay in desktop and tablet while mobile gets the overlay image.

Thank you!!!

[David]

Hi there,

have you checked with Elementor support if this is possible ?
As the theme has no control over this.

As a note: You cannot use CSS to set video attributes, it requires Javascript.

[Author]

Posts