Advanced Website: Video backgrounds

The information in this article is relevant only for Pro users at this time. For information about booking websites for Lite users, refer to the Guesty Booking Engine

Use Video backgrounds to quickly add a video from YouTube, Vimeo or Dailymotion as a site background. Video backgrounds can catch a visitor's eye with moving content and add a stylish modern look to any site.

Note:

Any file (text, image, video, and so on) uploaded to the system is publicly available. No personal and/or confidential information should be uploaded. To remove the file completely, delete the file from the picker.

Tip:

All YouTube background videos display the video title and uploader before the video starts on load. There is no way to remove these items without manually changing the CSS. Due to this change, YouTube videos are not recommended for background video.

Step by step:

  1. To add a video background to your site, obtain the YouTube, Vimeo or Dailymotion URL you want to use.
  2. Right-click the row or column you would like to add this background to, then click Edit Design.
  3. Click the Video tab. You have the following options:
    • Click Upload Video and select the video you want to upload. You can upload up to 200MB in all formats. You can upload video from your device, Facebook, Instagram, Dropbox, Google Drive or record a video using your webcam.
      • Please note that this feature is still in development and will gradually be released to all customers.
    • Paste the URL of the video you would like to use into the YouTube, Vimeo or Dailymotion URL textbox.

Considerations

  • YouTube videos are not supported on mobile as they do not auto-play on iOS devices.
  • iPhones with a battery on low power mode will not auto-play videos on a site, and instead will show a play button.
  • Background videos will not play sound.
  • Videos can take time and bandwidth to load, and can distract users from important links or text on your page, so use videos sparingly.
  • Consider reducing the opacity of the video background to make the effect more subtle.
  • When adding a Dailymotion video that is part of a playlist, make sure to only add the direct link to the video (and omit the playlist parameter, which looks something like this:?playlist=x1x2f3). If your video’s URL has this parameter, just remove it. 
    • For example: https://www.dailymotion.com/video/x60ktex?playlist=x5x6f2 would be https://www.dailymotion.com/video/x60ktex
Was this article helpful?
0 out of 0 found this helpful