-
AuthorPosts
-
January 13, 2024 at 12:36 pm #1429976
HI there,
I have a problem with the video loading on this page:
The screen blips to black while it loads. Why might that be?
Thank you
PeterJanuary 13, 2024 at 9:32 pm #1430016Hey ausgesonnen,
It is the background color of the element, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .av-video-slide .avia-slide-wrap, #top .av-video-slide iframe { background: #fff; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeJanuary 15, 2024 at 11:17 am #1430141Hi Mike,
thanks for that. Now that part works. However another strange thing occurs now. While loading, the layout jumps. The text below the video is visible in the space of the video for a split second. Is there any way to include a height setting for the video container in the code so that the space of the video is just white upon loading and ideally displays a loading icon?
January 15, 2024 at 11:19 am #1430142Hi Mike again. Also 8 out of 10 times the video doesn’t play at all. It freezes on he first image. This has been the case also before the the css for the white background. In the mobile version, the video doesn’t play at all. Are there known issues with embedding vimeo? Why could this be? here is the link I am using.
I have tested this also which another random video from vimeo. https://vimeo.com/888939361. There it also happens but only like 3 out of 10 times. What could be the problem? It would be really good if the video could load reliably.
Thanks,
Peter- This reply was modified 10 months, 1 week ago by ausgesonnen.
- This reply was modified 10 months, 1 week ago by ausgesonnen.
- This reply was modified 10 months, 1 week ago by ausgesonnen.
January 15, 2024 at 6:14 pm #1430180Hi,
Please note that the browsers typically block videos from auto playing on mobile devices, it is recommended to not use auto playing videos on mobile and ask the user to click to play, or to use a image for mobile.
Some users have found that self hosting the video on their site and using the LayerSlider often works for mobile, but this workaround may not work forever.
Safari & Chrome issued this standard a whaile back and now Edge is built on the Chrome code, so for the future it will be better to not use auto playing videos.Best regards,
MikeJanuary 27, 2024 at 8:26 pm #1432234Thank you for your advise. You mean this layerslider?
- This reply was modified 10 months ago by ausgesonnen.
January 27, 2024 at 10:50 pm #1432240January 30, 2024 at 11:23 am #1432474HI Mike,
I saw on this page https://lom-international.org/de/home
that the video doesn’t have loading problem. How do they do that? On my page it still only loads about 7 out of 10 times.Best
PeterJanuary 31, 2024 at 12:21 pm #1432604Hi,
I’m not sure what plugin they are using, you site is using a fallback image, this is the correct and recommended behavior and will consistently work in the future.Best regards,
MikeFebruary 26, 2024 at 12:00 pm #1435425The videos on this page load through black again. You suggested this
#top .av-video-slide .avia-slide-wrap, #top .av-video-slide iframe {
background: #fff;
}
which worked fine.The css is still in the stylesheet. It has also lost the link to the justify.text css. How could this happen? I have not touched the site for 2 weeks. Before all was fine. The styles are in the css and the markup is in the html. What could be the problem?
February 27, 2024 at 12:37 pm #1435583This is solved now. Thank you.
-
AuthorPosts
- The topic ‘Video loads through black’ is closed to new replies.