1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

My background video doesn't load for new visitors

Discussion in 'Free Divi Community Forum' started by Marynco1, Jan 16, 2023.

  1. Marynco1

    Marynco1 New Member

    Hello, I need a divi theme specialist.

    My request is the next : When I have add a new background video in Divi section, she appared a loading frame with black background for new visitor on my website. If it's the first time they come in my site : I have a black screen with a loading frame, and it's blocked. It's necessary to refresh for see the video completly load. That's not very adapted for acquisition of new customers... I have try a lot of things, but that's not working.. If I add my video with custom Html it's working, but, it's not on the background, so I can't personnalise with menu and text on it.

    The subject exist on this forum "Background Video Loading Frame", but that not good for me. I don't want to change this background black screen with loading frame by a color.. I would like to cut it.



    Do you have the solution ?
     
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  2. Marynco1

    Marynco1 New Member

    Concretely, it looks like this (see attachment)

    Video = 800ko

    ... Thank you so much for your help !
     

    Attached Files:

  3. lukassteindl

    lukassteindl New Member

    hey, i got exactly the same issue:

    new visitors see:
    upload_2023-6-29_9-45-53.png

    loading the website a second time shows it correctly:
    upload_2023-6-29_9-46-22.png

    did you find a solution?
    would be much appreciated
     
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  4. lukassteindl

    lukassteindl New Member

    btw, i tried several things already:
    updating divi & wordpress
    switching divi to safe mode
    adding custom css:

    .et_pb_preload, .et_pb_section.et_pb_section_video.et_pb_preload {
    background-color: #6457A6!important;
    }
    .et_pb_preload:before {
    display: none!important;
    }


    still get the loading screen when opening the website first time on a device that never visited the website before.
     
  5. lukassteindl

    lukassteindl New Member

    ok i found a workaround:

    i created another section above the current one, then added the same video background and set the section invisible on desktop, phone and tablet. now the video is consistantly loading on every device.

    i also compressed the video to be less than 5 mb!
     
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  6. lukassteindl

    lukassteindl New Member

    ok i just realized that making the second video invisible does not work. i made it visible again and sized it to 1x1pixel now. this seems to fix the issue.