Skip to content

Video elements need the playsinline attribute to autoplay on iOS #8198

@Pikamander2

Description

@Pikamander2

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

Videos won't autoplay on iOS due to the video elements not having the playsinline attribute.

There doesn't appear to be an easy way for the user to add it either.

For that reason, one of the following options would be helpful:

  • Adding the playsinline attribute to the videos by default

  • Adding a checkbox to let the user toggle whether the video has the playsinline attribute

  • Allowing the user to add custom attributes to the videos (and perhaps other elements as well)

Steps to reproduce

  1. Create an autoplaying video with Elementor

  2. Try it on iOS

  3. Note that it doesn't autoplay due to Apple's strict rules.

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

It happens on any environment.

Metadata

Metadata

Assignees

No one assigned

    Labels

    request/enhancementIndicates an Enhancement Request for an existing feature.status/mergedIndicates when a Pull Request has been merged to a Release.

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions