Amending the image which appears on your website's homepage before the video loads

If you have a video homepage, you have the ability to add a placeholder image that will display when the visitor first lands on the page. This will appear whilst the video is buffering in the background, and when the video has loaded, the image will crossfade into the video to give the user a better user experience.

  • By default, the thumbnail image of the video itself will display whilst the video loads. If you haven't chosen a thumbnail image for your video, a grey page/icon may display instead

  • We don't recommend you rely on displaying the thumbnail from the video. Whilst this will occur automatically, the thumbnail is usually of poor quality, and appears blurry online.

How to add/edit the image which appears whilst your video loads

1) If you have a static video homepage:

  • Go to Website > Video Pages

  • Click Search

  • Double click the search result which you see in the list, or right click it and select edit

  • Scroll to the media section:

    • You may see an image already uploaded here. This will be the image which is used when a visitor views the website on a mobile or tablet device. if you would like to use this image for the video transition, simply name the image homepage-transition in the image name section

    • Alternatively, you can use a different image to that which you are using for mobiles and tablets, and upload a new image purely for the purposes of the video transition. In this instance, upload your new image, and name the new image homepage-transition in the image name section

  • Once you are finished, click save and close

  • Go to Website > Pages

  • Use the Search function to find the page called home

  • Double click the home page from the list, or right click it and select edit

  • Scroll to the items section. The first item in this section should be an item container, containing all of the slides which you see appearing in the carousel on your homepage. Click into the first item

  • A new tab will open, scroll to the items sections again, and you will see all the slides that make up your homepage carousel listed here. Click into the slide you want to edit

  • A new tab will open, scroll to the media section

    • You may see an image already uploaded here. This will be the image which is used when a visitor views the website on a mobile or tablet device. if you would like to use this image for the video transition, simply name the image homepage-transition in the image name section

    • Alternatively, you can use a different image to that which you are using for mobiles and tablets, and upload a new image purely for the purposes of the video transition. In this instance, upload your new image, and name the new image homepage-transition in the image name section

  • Once you are finished, click save and close