Safari | Video blinking


#1

Sorry peeps, this is nothing Hype related, but I could ask for some help.

There is a pause (white screen blink) between this video loop on safari and I cannot seem to find the problem.

https://neuedesignstudio.flywheelsites.com/work/bergen-botanical-garden/

Any help would be helpful. Thank you.


(Mark Hunte) #2

It looks like it is the background of the video player/ div.
When Safari is loading the video the background is blank.

Using the web dev tools on the video loaded in the browser directly. I changed

.player .vp-video-wrapper .vp-video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
transition: filter .25s,opacity .25s;

}

to

.player .vp-video-wrapper .vp-video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
transition: filter .25s,opacity .25s;
background-color: #FDF7AB;
}

It may be that you can just add your own style

.player .vp-video-wrapper .vp-video {
 background-color: #FDF7AB!important;
{

#3

That will work for this video. There are only more of them. Thanks a bunch MH.

https://neuedesignstudio.flywheelsites.com/work/dansens-hus/


(Mark Hunte) #4

Are you saying it is also doing it in that one…?

canot see that it is.

By the way the both have background images that should do this but possibly Safari not picking them up.

first one is

https://i.vimeocdn.com/video/755992298.webp?mw=4800&mh=2700&q=70

second

https://i.vimeocdn.com/video/622101530.webp?mw=4800&mh=2700&q=70

But not one hundred percent that they are doing anything


#5

That is it weird. I am also knocking on Vimeo’s door. We are using the API and this should not happen.


#6

Here’s the answer I got from Vimeo:

Thank you for reaching out about this issue. We’ve received multiple reports from users who’ve noticed a quick flash at the beginning of their videos when viewing on Safari only. We have been able to replicate the issue, which appears to be deriving from Apple’s end.

Our engineers are working with Apple towards a solution and we hope to have this resolved ASAP. I apologize for the inconvenience in the meantime. Once we receive an update on this matter, we’ll be sure to let you know.

As a side note, this issue should not be visible in any other browser. If you have any additional questions, please let me know. Thank you!