Skip to content

Background video stops music on mobile (even when only fallback image is shown) #5275

@suiluj

Description

@suiluj

Prerequisites

  • I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
  • The issue still exists against the latest stable version of Elementor.

Description

I use a background youtube video at the beginning of my home page.
On desktop it is shown. on mobile and tablet not (as expected only fallback image).

The problem:
On android chrome browser an audio notification is shown (with the name of the video).
Even if you cannot see the video running, it still stops music which was played before on that mobile.

Steps to reproduce

Create a section with background youtube video and view on android chrome browser.
After a while (not always/at once) the notification appears and music stops if played before.

Here is a link to my current page with the bug:
aquaplant-shop.de

At the moment i tried to duplicate the section and disable the one with the video background for tablet and mobile and change the duplicate to image background only and disable it on desktop. But that did not help.

Update:
I uploaded the video to my wordpress media and now use the local url instead of the youtube video.
It seems that now there is no music stopping and no notification.
Only new problem: the fallback image which is the first frame of the video and the local video are not aligned. So when the video starts there is a jump. Before with the youtube video they were perfect aligned.

Isolating the problem

  • This bug happens with only Elementor plugin active (and Elementor Pro).
  • This bug happens with a default WordPress theme active.
  • I can reproduce this bug consistently using the steps above.

Environment

System Info ```

Elementor free plugin
Astra free theme

</details>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions