Endless YT videos: 2 problems: short black screen and preview image that covers the video

[dimizu]

Issue description:

I am not sure if you follow also closed threads #https://github.com/nk-o/jarallax/issues/171#issuecomment-632796205 I think I explained it wrong and so you misunderstood me.

The problems I wanted to describe are not autoplay and audio, but video loop problems with youtube videos. My mistake, I gave you an example with audio.

Here is an example without audio videoVolume: 0: https://metek.com/landing/test/test-noaudio.php

Autoplay ist not my problem (I know the restrictions from https://developers.google.com/web/updates/2017/09/autoplay-policy-changes)

The problems are with videoLoop: true (I can see the problem only on YouTube Videos, not on self hostet videos!): 2 problems: a) with YouTube videos and videoLoop: true on the change from first loop to second loop I see an short black screen b) on the second loop the video is covered by the preview image (the video in the background plays but is covered by the preview image)

This are the 2 problems...

Workaround for b) .jarallax > div > div { display:none!important; }

But naturaly this is not ideal and remains the problem with the black screen from first to second loop...

Version used:

Version : 1.12.1

Code to reproduce the issue (HTML blocks + JavaScript initialization)

https://metek.com/landing/test/test-noaudio.php For test: please permit in your browser autoplay and please interact with the page (klick scroll) so that the video plays (this is not the problem) and when the video plays please wait circa 30 sec. Then you can see the 2 problems.

[nk-o]

Hey.

Thank you. Created a Codepen example https://codepen.io/_nK/pen/ExVqXZd?editors=0110

B problem

[dimizu]

Hey.

Thank you. Created a Codepen example https://codepen.io/_nK/pen/ExVqXZd?editors=0110

B problem

If you use a video that is made for seamless loops, so you can also see, if there are problems on the loop point. Here a codepen: https://codepen.io/dimizu/pen/QWjeOom with a 25 s video, whose last frame perfect match with the first frame. So you can also check the seamlees loop (problem A)