NO BUG: Glitch/Repeat when added video background in nestable slider

[Lzhll]

As you see there is a glitch or I have used the nested slider, as the normal slider does not allow to add video/video url/background.

Autoplay and rewind are enabled

Versions tried
Bricks 1.12.4
Bricks 2.0 RC

is there a workaround for this, what other plugins can we use. also saw the splide.js is no more maintained, last update was Sep 2022

screen capture 1

[timmse]

Hi,
Welcome to the forum!

I don’t think this is a bug – neither in Bricks nor in splidejs. The background video is repeated as long as the slide is displayed.

Assuming you have set an interval of 10000ms (10 seconds) and the video is only 5 seconds long, it will be repeated twice until the next slide appears.

Assuming the video is 20 seconds long, the slider will still slide after 10 seconds.

Splidejs provides a video extension that seems to give you more control—however, I have never used it before.: Video - Splide

Best regards,
timmse

[Lzhll]

@timmse

ssuming you have set an interval of 10000ms (10 seconds) and the video is only 5 seconds long, it will be repeated twice until the next slide appears.

Thank you, i tried with uploading two slide with same video and duration, still there is a glitch/repeat in the beginning of new slide. The video duration was 3 seconds and Interval in ms 3000.

There are few similar posts on error like this, but i am not sure, if anyone of these would work, i tried importing the code and placing it in the footer, but no difference.

NO BUG: Auto-play slider stuttering

Hi, Happy New Year, and thanks for your report! Understandably, both ways lead to undesirable results, as neither is correct. SplideJS requires an extension to be able to scroll continuously: Once the js extension is included correctly (it’s currently missing), you can use the custom slider options to enable the autoScroll feature, as you already do. Best regards, timmse

SOLVED: Autopause a playing video in a nestable slider when moving to a different slide

I’ve just found a solution on this Reddit thread. The approach is different and could work on virtually any slider that has a similar functionallity than the one used in Bricks, made using the Splide library. This script stops any video that is playing on the page when clicking/touching the prev/next arrows. If you are not using the Nestable Slider of Bricks Builder or the Splide slider make sure to change “splide__arrow” to the class of your arrows. <script> jQuery(document).ready(function($)…

Slider with video background

that is a common problem for all builders I coded this for my client project. I tested this for normal video element not video background keep it mind. but should work fine just make the class selection correct. depending on visibility on the viewport video plays or pauses here;

[timmse]

@Lzhll

Thank you, i tried with uploading two slide with same video and duration…

Well, the video takes a moment to load - but as I said, I cannot reproduce the problem in general

These threads are not related to background videos:

NO BUG: Auto-play slider stuttering

Hi, Happy New Year, and thanks for your report! Understandably, both ways lead to undesirable results, as neither is correct. SplideJS requires an extension to be able to scroll continuously: Once the js extension is included correctly (it’s currently missing), you can use the custom slider options to enable the autoScroll feature, as you already do. Best regards, timmse

SOLVED: Autopause a playing video in a nestable slider when moving to a different slide

Hello everyone! After spending hours trying to make this work have ended up asking for help on the forum for the first time. All I need is that, when having a Nestable Slider that contains a video, if you are playing that video and change to a different slide it’s paused automatically. This way you don’t have the sound playing in the background from a video is not visible. The SplideJS library Bricks uses includes this feature inside its video extension, as you can read it says “controls play…

Sinan has offered a possible solution for starting and stopping a video depending on the slider navigation—this is also different from the “glitch” you describe:

Slider with video background

that is a common problem for all builders I coded this for my client project. I tested this for normal video element not video background keep it mind. but should work fine just make the class selection correct. depending on visibility on the viewport video plays or pauses here;

You can send us your login details and a link to this thread to help@bricksbuilder.io using the email address you provided when making your purchase.

[Lzhll]

@timmse

Sinan has offered a possible solution for starting and stopping a video depending on the slider navigation—this is also different from the “glitch” you describe:

When i mean the glitch, i mean the repeat in the start of new slide

@timmse

You can send us your login details and a link to this thread to help@bricksbuilder.io using the email address you provided when making your purchase.

Sure, wills hare with you the details right away, emailing right now

[timmse]

@Lzhll

When i mean the glitch, i mean the repeat in the start of new slide

This is partly due to the length of the video and partly due to the videos themselves. They contain a camera movement that is responsible for what I would call “jerkiness”.

I duplicated the slider as a test and inserted two other videos (without camera movement); do you see any jerkiness or “glitch”?

The videos have no connection to the slider; they just run endlessly. Due to the large amount of data and complexity, unavoidable delays are expected, as not everything can be loaded and executed simultaneously. This can directly cause asynchrony between video start and slide interval, but this is not a bug.

I’m sorry, but there’s nothing we could fix, as it works as expected.