Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 22, 2022 at 1:12 pm #1341788
    Jak73

    Hi,
    i added a video on my startpage with autoplay and hidden control. Works fine.
    But while the video is loading (before it starts), there is a black background.

    1. Can i add my own background image white loading?
    2. Can i add my own rotating preloader for the video loading process?

    How can i do that?

    Kind regards Jak

    February 22, 2022 at 8:45 pm #1341863
    Yigit

    Hey Jak,

    Thanks for contacting us!

    1- Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
.avia-video video {
    background-image: url("link-to-your-bg-image");
}

    2-

    .mejs-overlay-loading-bg-img {
  background-image: url('https://your-domain/wp-content/uploads/2022/02/loader.png');
}

    Best regards,
    Yigit

    February 23, 2022 at 1:42 am #1341886
    Jak73

    Hi Yigit,

    thanks for your fast reply and your help!
    Works nice, but the background image does not fit correctly.
    I made the vide 750px x 750px, same for background image.

    1. How can i make the background image fit correctly? How for responsive view too?

    2. How can i remove the existing preloader?

    Kind regards Jak

    • This reply was modified 2 years, 9 months ago by Jak73.
    February 23, 2022 at 8:41 pm #1342062
    Yigit

    Hi,

    1- Please use the code as following instead

    .avia-video video {
  background-image: url("link-to-your-bg-image");
  background-size: cover !important;
}

    2- When you add your preloader using CSS code I posted above, default one will be removed.

    Best regards,
    Yigit

    February 24, 2022 at 12:02 am #1342084
    Jak73

    Hi Yigit,

    works great! Thanks a lot!!!

    kind regards Jak

    February 24, 2022 at 8:15 am #1342103
    Nikko

    Hi Jak,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How to change the background of a loading video’ is closed to new replies.