How do I show an image while video loads?

  • Resolved xxxolivierxxx

    (@xxxolivierxxx)


    7 years, 1 month ago

    So far I have been able to set the plugin in the way I want it to work, however, something I dislike is that depending on the network speed of the user, sometimes the video takes a while to load causing that users just see a blank page on the main page of the site. Is there a way to show a picture while the video loads in the background?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author pupunzi

    (@pupunzi)

    Hi Olivier,
    To avoid the blank background you can add a background image to the BODY tag (or to the element that contains the background video) via CSS:

    
body.home {
    background-image: url(path/to/the/background/image);
    background-size: cover;
    background-repete: no-repete;
    background-position: center center;
}

    Once the video loads it will cover the background image.

    • This reply was modified 7 years ago by pupunzi.
    Thread Starter xxxolivierxxx

    (@xxxolivierxxx)

    Good idea, thank you

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How do I show an image while video loads?’ is closed to new replies.