Auto play video when video is visible


Is it possible to autoplay a Vimeo vidéo when this one is visible?
It’s will be pretty cool for actuality feed for a social network web app.

Thanks for your help!

1 Like

Yes it is possible

Screen Shot 2020-12-17 at 12.02.18 AM Screen Shot 2020-12-17 at 12.02.03 AM

Hi @boston85719,

Thanks for your reply, but this option applies the autoplay on load and not on “when visible”.

If you have a social network feed and you apply this option, all the video of the feed will start together :scream:

What I need is to have the video playing only when the user can see it on his screen.
I asume that it can be achieve with a trigger like “when scrolling position = x” Start playing the video but I can’t find any option like that

There is an option to use the conditionals on the video element itself to make it visible or not visible based on some condition

There is a plugin called ‘elements in view’ (i believe) and it is set up to allow you to trigger a workflow event when an element is in view…so you’d need to set it up to make the video element visible when the element selected for the element in view plugin to trigger

One thing that I don’t see though is a way to stop the video from playing even after the video element is made visible…which would mean on the feed each video is starting to play when it is made visible but once out of view it would still play.

There might be a video player plugin that would give more control than the bubble video element…

This might be worth exploring

It’s a pretty good option but I can’t trigger video playing and stop on this conditionnal.

I tried some plugin but none of them allow to auto play when video is visible and pause when it’s not :confused:

Thanks for your help,
Your script is pretty good but it will be hard in full code to make it work on mobile and Desktop and allow Vimeo playing :confused:

Hi @evodev

Few questions for you!

Do you need to use the Vimeo plugin? If so, that’s fine, I’ve not used it before as I tend play videos using the HTML element. If you don’t need to use it, I’m sure we can help make it work how you want it to. That example will work on mobile and desktop.

I assume you have your videos playing in a repeating group?

In the example, the videos aren’t set to play on start-up but they could be, you could have them start playing automatically on page load muted or something if you wanted, or they could start playing when you reach a percentage of the page scroll, or just play when a user clicks on them as they are at the moment.

Help us understand exactly what you’re after and I’m sure we’ll be able to help out more if you still need it.

Explain exactly what you need and I’ll try and

This topic was automatically closed after 70 days. New replies are no longer allowed.