Lightbox Video autoplay and z-index

Design help General
1

Hello!

I had read somewhere that lightbox videos are set to autoplay when opened but mine seems to not be playing once lightbox opens. Could someone please inform me how I can change this? As I want the video to start as soon as lightbox is opened.

Also, How can I ensure that the navbar element is underneath the lightbox when opened? Currently there are parts of the navbar that are covering the lightbox when opened.

Here is my read only link:
https://preview.webflow.com/preview/theyield?utm_source=theyield&preview=234b4f80dd820bc312b0603968c3916c

And the link: https://theyield.webflow.io/

Thanks,
Bec

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi @rlowe1228 ,

I just had the same problem re the video in lightbox not playing, if you add the below code to the end of your youtube url that should do it:
?autoplay=1

I couldn’t see where you used the lightbox on your site but your navbar z-index is set to 9000 which could be the issue, so maybe try reducing that? See the bottom right corner of the screenshot below.

45
451440×798 265 KB

Thanks,
Sean

3 Likes
3

Thank you @Sean_Egan !

4

Hi @Sean_Egan,

I’m having a similar issue. I am using vimeo links with the ?autoplay=1 code. But the vidoes don’t autoplay every time.

Any suggestions?

https://preview.webflow.com/preview/conormcbride-com?utm_medium=preview_link&utm_source=designer&utm_content=conormcbride-com&preview=f52f0123e2f17ece1369bcce93caae06&mode=preview

Thanks

5

Chrome block autoplay videos with sound (Since 2018. Read her). On Firefox or explorer, your site works fine.

Add ?muted=1

Example:
https://player.vimeo.com/video/156299091?muted=1&autoplay=1

6

Thank you. It is still not working as I would hope.

However, here is an example of a Squarespace website where the autoplay works fully with the sound on chrome. There must be a better solution.

http://www.gordonvonsteiner.com/featuredfilms

7

Again, also in your example - the auto play block (will work o only if you click play one time).

You should use custom code for perfect solution (chrome block – set volume 0 works better on viemo vs mute=1 - i don’t know why)

But also mute is little annoying for the user.

8

Exactly right, it is annoying for the user… and the client!! :slight_smile:
Have you an example of the custom code?