Vimeo lightbox video's won't play on Iphone (chrome & safari)

Design help General
1

Hello :slight_smile:

I’m currently working on a video heavy website for a client.

Everything works fine on desktops and my android phone but the vimeo lightbox don’t seem to play properly on iphones. The video opens but nothing happens when the play button has been pressed.

Does someone know why this problem occurs? Thanks!

Here is my site Read-Only: https://preview.webflow.com/preview/videoexpress?utm_medium=preview_link&utm_source=designer&utm_content=videoexpress&preview=72ff398d7e8b34ed91220cb2f7171b1f&workflow=preview

2

Update:

Added a read-only link: https://preview.webflow.com/preview/videoexpress?utm_medium=preview_link&utm_source=designer&utm_content=videoexpress&preview=72ff398d7e8b34ed91220cb2f7171b1f&workflow=preview

3

In order to isolate the issue I would build a test page that only had the lightbox which you could test on a device. I tested with an iPhone 11 and got to the lightbox but the player threw an error.

I would add that having multiple videos set to autoplay on a page is a performance killer. You won’t see Vimeo or YouTube do it. A smarter approach is to have the user interact with an element to start playback.

4

Hi Jeff, thanks for your time.

I found the issue: the position of the lightbox layer was causing the problem for me. Changed it from relative to static and everything worked again. Also took your advice to speed up the website. Thank you!