Page 1 of 1

Get rid of black youtube preloader when looping video

Posted: Wed Nov 08, 2023 11:32 pm
by skanaba
We are having trouble looping a video without the black screen between loops.
This link shows the home page video. Any easy fixes for this issue?
https://mediapeopleintl.com/clients/EAAC_11-08-23/
The video was embedded on the page and the resulting html looks like this...
<iframe id="YouTube1" src="https://www.youtube.com/embed/TGH0R0d17 ... "></iframe>
The project file is at this link:
https://mediapeopleintl.com/clients/EAA ... -22-23.wbs
Thanks for your help! Steve

Re: Get rid of black youtube preloader when looping video

Posted: Thu Nov 09, 2023 4:04 am
by BaconFries
The "preloader" is added by the browser on load. I haven't tested but you could try adding a small "timestamp" to the url so on loop the video will start at a particular time in seconds for talking sake 1s. Take a look at your url to youtube and notice that at the end it has &t=1s what this will simply do is start the playback 1 second in. As mentioned I haven't tested but you can try yourself.
https://www.youtube.com/embed/TGH0R0d17x0?&t=1s

Re: Get rid of black youtube preloader when looping video

Posted: Thu Nov 09, 2023 7:17 am
by Pablo
Note that YouTube functionality is implemented on the YouTube website (including looping). So, you have no control over this behavior via settings.

Re: Get rid of black youtube preloader when looping video

Posted: Thu Nov 09, 2023 3:04 pm
by skanaba
Hi, OK...so how does the video loop with no browser load with this WB Template? : https://www.wysiwygwebbuilder.com/suppo ... deobg.html
Can we apply the same type of coding to the site we are working on?
Also, I tried adding the 1 second code snippet to the Youtube link and it still has the issue.
Thanks for your help. Steve

Re: Get rid of black youtube preloader when looping video

Posted: Thu Nov 09, 2023 3:20 pm
by Pablo
It is most likely related to the video itself. There is no trick or code to remove this.

Re: Get rid of black youtube preloader when looping video

Posted: Thu Nov 09, 2023 3:30 pm
by skanaba
Pablo,
Did you look at the template? The code shows that the video is looping:
Code taken from WB videobg template:
https://www.youtube.com/embed/TGH0R0d17 ... e=0t=0m10s
Since the video loops, what else would be causing the issue. Can you help or where would I go to find an answer?
...a loyal customer.

Re: Get rid of black youtube preloader when looping video

Posted: Thu Nov 09, 2023 3:42 pm
by Pablo
I think the black frame is in the video itself.
The video is played inside an inframe via the YouTube website.
So, WWB has no control over how the video is played.

Re: Get rid of black youtube preloader when looping video

Posted: Thu Nov 09, 2023 4:08 pm
by crispy68
I do believe this has to do with youtube and it refreshing and starting the video over. Not sure there is anything you can do to stop this if you are embedding the video.

Is this your video? Do you own it? If so, just locally host it on your server and use the html video option.

Re: Get rid of black youtube preloader when looping video

Posted: Thu Nov 09, 2023 4:12 pm
by skanaba
Hello all, thanks for the feedback. And yes, we have the video. If we host it somewhere, won't the end user need to download which will take too much time? We may just end up repeating the video about 20 times. That should work since it would only loop after about 5 minutes. Onward and upward...
Thanks again.

Re: Get rid of black youtube preloader when looping video

Posted: Thu Nov 09, 2023 4:18 pm
by crispy68
Depending on how long the video is (keep it 30sec and under), it may buffer a little bit but you can add a image (called a poster) that will show an image initially and then the video will play. This keeps it from being just a blank, black background if there is any buffering. Being locally hosted should also be pretty fast. If you click on the 1st link below in my signature, you will see how the poster works with a video. It may appear still briefly until the video starts.

Re: Get rid of black youtube preloader when looping video

Posted: Thu Nov 09, 2023 4:46 pm
by jerryco
Not sure I'm following the entire thread, but
since it would only loop after about 5 minutes
Is your video 5 minutes? It may be convenient to watch because it is being streamed but if you have a large visitor base your web host may not appreciate the strain on their server. If in doubt maybe you can consider checking with your web host.

Re: Get rid of black youtube preloader when looping video

Posted: Thu Nov 09, 2023 4:57 pm
by crispy68
based on his link, it's only a 14 second video.