Support » Plugin: mb.YTPlayer for background videos » How do I show an image while video loads?

  • Resolved xxxolivierxxx

    (@xxxolivierxxx)


    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 1 year, 3 months ago by  pupunzi.

    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.