elementor / elementor/elementor

⛔ Video does not play when lightbox is enabled

Open
#28,630 1 comment 0 reactions 0 assignees View on GitHub
component/lightbox component/video mod/c* widget/video
Dominant language
PHP
Stars
7.1k
Forks
1.6k
Avg merge
1d 5h
Merged PRs (30d)
193

Description

### Prerequisites

- [X] I have searched for similar issues in open and closed tickets and cannot find a duplicate.
- [X] I have troubleshooted my issue, and it still exists against the latest stable version of Elementor.

### Description

When using the Video element and a third party video hosting source, in combination with an image overlay and lightbox, the video does not play on user interaction. It requires the user to click the play button a second time within the embedded video player. This issue does not happen when lightbox is disabled.

### Steps to reproduce

1. Create a new page
2. Add a Video element to the page, and select YouTube or Vimeo as the video source
3. Enable the image overlay
4. Enable the Lightbox feature
5. Publish page
6. On the front end, click the play icon/image overlay

### Expected behavior

Videos should play after a single click or tap on an image overlay set to open the video in a lightbox.

### Isolating the problem

- [ ] This bug happens when only the Elementor (and Elementor Pro) plugins are active.
- [x] This bug happens with the Hello Elementor theme active.
- [x] I can reproduce this bug consistently by following the steps I described above.

### Elementor System Info

Click to reveal

```txt

== Server Environment ==
Operating System: Linux
Software: nginx/1.26.0
MySQL version: MariaDB Server v10.5.11
PHP Version: 7.4.33
PHP Memory Limit: 256M
PHP Max Input Vars: 1000
PHP Max Post Size: 64M
GD Installed: Yes
ZIP Installed: Yes
Write Permissions: All right
Elementor Library: Connected

== WordPress Environment ==
Version: 6.6.1
Site URL: https://www.nirmegnazi.com
Home URL: https://www.nirmegnazi.com
WP Multisite: No
Max Upload Size: 64 MB
Memory limit: 128M
Max Memory limit: 256M
Permalink Structure: /%year%/%monthnum%/%day%/%postname%/
Language: en_US
Timezone: America/Los_Angeles
Debug Mode: Inactive

== Theme ==
Name: Hello Elementor
Version: 3.1.1
Author: Elementor Team
Child Theme: No

== User ==
Role: administrator
WP Profile lang: en-US
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36

== Active Plugins ==
Admin Menu Editor
Version: 1.12.4
Author: Janis Elsts

Akismet Anti-spam: Spam Protection
Version: 5.3.3
Author: Automattic - Anti-spam Team

Better Search Replace
Version: 1.4.7
Author: WP Engine

BTTN Functions
Version: 1.0.1
Author: Wes Button

Elementor
Version: 3.23.4
Author: Elementor.com

Elementor Pro
Version: 3.23.3
Author: Elementor.com

Presto Player
Version: 3.0.5
Author: Presto Made, Inc

WPMU DEV Dashboard
Version: 4.11.26
Author: WPMU DEV

== Must-Use Plugins ==
disable-comments.php
Version:
Author:

== Elements Usage ==

footer : 3
button : 1
container : 4
heading : 2
image : 1
nav-menu : 1
social-icons : 1
header : 8
container : 1
image : 1
nav-menu : 1
page : 2
button : 1
form : 5
heading : 12
image-box : 2
posts : 2
text-editor : 6
section : 8
button : 4
divider : 2
form : 2
heading : 9
image : 2
spacer : 1
testimonial : 3
text-editor : 2
single : 1
container : 3
divider : 2
heading : 1
post-info : 1
share-buttons : 1
theme-post-content : 1
theme-post-title : 1
widget : 0
form : 1
heading : 1
share-buttons : 1
wp-post : 13
container : 7
divider : 1
heading : 8
image : 1
testimonial : 1
text-editor : 19
video : 1
wp-page : 9
animated-headline : 1
button : 10
container : 75
divider : 8
form : 1
heading : 54
html : 9
image : 14
nested-tabs : 1
posts : 1
spacer : 1
testimonial-carousel : 2
text-editor : 20
video : 6

== Settings ==

cpt_support: post, page
allow_tracking: yes
editor_break_lines: 1

== Features ==
Custom Fonts: 0
Custom Icons: 0

== Integrations ==

== Elementor Experiments ==
Improved CSS Loading: Active
Inline Font Icons: Active
Additional Custom Breakpoints: Inactive
Flexbox Container: Active
Grid Container: Active
Upgrade Swiper Library: Active
Nested Elements Performance: Active by default
Optimized Control Loading: Inactive by default
Optimized Markup: Inactive by default
Plugin Onboarding: Active by default
Default to New Theme Builder: Inactive
Header & Footer: Inactive
Elementor Home Screen: Active by default
Editor Top Bar: Inactive by default
Build with AI: Inactive
Landing Pages: Inactive
Nested Elements: Active
Lazy Load Background Images: Active
Element Caching: Active
Link In Bio: Inactive by default
Floating Buttons: Inactive by default
Elementor Editor Events: Inactive by default
Display Conditions: Inactive
Form Submissions: Active
Menu: Inactive
Taxonomy Filter: Inactive
Search: Inactive

== Log ==

JS: showing 20 of 42JS: 2024-09-05 21:23:43 [error X 1][https://www.nirmegnazi.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:37833] Cannot create property 'guid' on string 'c147widgetsticky'
JS: 2024-09-05 21:23:43 [error X 1][https://www.nirmegnazi.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:37833] Cannot create property 'guid' on string 'c156widgetsticky'
JS: 2024-09-05 21:23:43 [error X 1][https://www.nirmegnazi.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:37833] Cannot create property 'guid' on string 'c159widgetsticky'
JS: 2024-09-05 21:23:43 [error X 1][https://www.nirmegnazi.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:37833] Cannot create property 'guid' on string 'c168widgetsticky'
JS: 2024-09-05 21:23:43 [error X 1][https://www.nirmegnazi.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:37833] Cannot create property 'guid' on string 'c171widgetsticky'
JS: 2024-09-05 21:23:43 [error X 7][https://www.nirmegnazi.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:37833] Cannot create property 'guid' on string 'c178widgetsticky'
JS: 2024-09-05 21:23:43 [error X 1][https://www.nirmegnazi.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:37833] Cannot create property 'guid' on string 'c183widgetsticky'
JS: 2024-09-05 21:23:43 [error X 1][https://www.nirmegnazi.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:37833] Cannot create property 'guid' on string 'c186widgetsticky'
JS: 2024-09-05 21:23:43 [error X 1][https://www.nirmegnazi.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:37833] Cannot create property 'guid' on string 'c196widgetsticky'
JS: 2024-09-05 21:23:43 [error X 1][https://www.nirmegnazi.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:37833] Cannot create property 'guid' on string 'c206widgetsticky'
JS: 2024-09-05 21:23:43 [error X 1][https://www.nirmegnazi.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:37833] Cannot create property 'guid' on string 'c210widgetsticky'
JS: 2024-09-05 21:23:43 [error X 1][https://www.nirmegnazi.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:37833] Cannot create property 'guid' on string 'c213widgetsticky'
JS: 2024-09-05 21:23:43 [error X 1][https://www.nirmegnazi.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:37833] Cannot create property 'guid' on string 'c216widgetsticky'
JS: 2024-09-05 21:23:43 [error X 1][https://www.nirmegnazi.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:37833] Cannot create property 'guid' on string 'c219widgetsticky'
JS: 2024-09-05 21:23:43 [error X 1][https://www.nirmegnazi.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:37833] Cannot create property 'guid' on string 'c222widgetsticky'
JS: 2024-09-05 21:23:43 [error X 1][https://www.nirmegnazi.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:37833] Cannot create property 'guid' on string 'c225widgetsticky'
JS: 2024-09-05 21:23:43 [error X 1][https://www.nirmegnazi.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:37833] Cannot create property 'guid' on string 'c229widgetsticky'
JS: 2024-09-05 21:23:43 [error X 1][https://www.nirmegnazi.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:37833] Cannot create property 'guid' on string 'c232widgetsticky'
JS: 2024-09-05 21:23:43 [error X 1][https://www.nirmegnazi.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:37833] Cannot create property 'guid' on string 'c237widgetsticky'
JS: 2024-09-05 21:23:43 [error X 1][https://www.nirmegnazi.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:37833] Cannot create property 'guid' on string 'c240widgetsticky'

== Elementor - Compatibility Tag ==

Elementor Pro: Compatible

== Elementor Pro - Compatibility Tag ==

```

### Agreement

- [X] I agree that my issue may be closed without action if it doesn't meet all the requirements.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.