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

Divi Video Background Not Loadin

Discussion in 'Free Divi Community Forum' started by adam2fc, Dec 9, 2024.

  1. adam2fc

    adam2fc New Member

    Hello! I have a hosted background video module on my site here: https://lyndev.wpenginepowered.com

    However, the background shows up as black much of the time when the page loads, and it is only when the page is reloaded (or I do something like Inspect Element) that the video starts working properly. Any ideas what might be causing this issue? Thank you!
     
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    You may try the below code at WP Admin > Divi > Theme Options > Integration > Header Code & see if it works:
    Code:
    Log In or Sign Up to view this code.
     
  3. adam2fc

    adam2fc New Member


    Thank you! This certainly seems to be helping. The video is now displaying, rather than the black screen, but the video is extremely large now (and again, if I change the window size of my browser or use "Inspect Element" the video size automatically adjusts to the correct size). Any idea how to fix this? Thanks again!
     
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Seems to load fine on my side. Kindly check again.
     
  5. adam2fc

    adam2fc New Member

    I'm still seeing the zoomed-in video on my end - not sure if these screenshots will help, but the first one shows what I see when the site loads, and the second one shows what I see when I resize the browser window or Inspect Element. The first one is a heavily-magnified video, and the second one shows the video at proper magnification, if that makes sense:
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Block Pro - Premade card carousel design for your Divi site without using any plugins:View Demo
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Here's another CSS hack. Replace the previous CSS with this:
    Code:
    Log In or Sign Up to view this code.
     
  7. adam2fc

    adam2fc New Member

    Thank you! This has helped considerably. Now, the only issue that seems to remain is that the video initially loads to the left, and only moves to the correct placement when the user scrolls or moves their cursor. It almost seems like the video is loading it's center along the left edge of the screen. Any idea what might cause or fix this? Thank you very much!
     
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    Tweak this part & see if it works:
    Code:
    Log In or Sign Up to view this code.
     
  9. adam2fc

    adam2fc New Member

    Very close! Now it loads with the text at the very top (and the words "Video Player" in the upper left) as in screenshot 01.png. Then immediately when the user moves their cursor it shifts correctly to 02.png.
     

    Attached Files:

    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring modern overlay archive blog layout with hover effects:View Demo
  10. Divi.Help

    Divi.Help Administrator
    Staff Member