Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #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
    Peter

    #1430016

    Hey 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,
    Mike

    #1430141

    Hi 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?

    #1430142

    Hi 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 7 months, 3 weeks ago by ausgesonnen.
    • This reply was modified 7 months, 3 weeks ago by ausgesonnen.
    • This reply was modified 7 months, 3 weeks ago by ausgesonnen.
    #1430180

    Hi,
    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,
    Mike

    #1432234

    Thank you for your advise. You mean this layerslider?
    Screenshot-2024-01-27-at-20-26-07

    • This reply was modified 7 months, 2 weeks ago by ausgesonnen.
    #1432240

    Hi,
    Yes

    Best regards,
    Mike

    #1432474

    HI 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
    Peter

    #1432604

    Hi,
    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,
    Mike

    #1435425

    The 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?

    #1435583

    This is solved now. Thank you.

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Video loads through black’ is closed to new replies.