Add a Video to Your Website

Add a Video to Your Website

You can add video content to your website by embedding a video that's been uploaded to a third-party site like YouTube or Vimeo. This guide covers both options.


Option 1: Add a Vimeo Video

  1. Navigate to the Vimeo video you want to add to your website.

  2. Click the Share icon below the video player.

  3. In the pop-up window, click the Embed tab, then copy the embed code.

  4. In your liveBooks dashboard, go to the CONTENT tab and open the page where you want to add the video.

  5. Click the (+) button at the bottom of the page or between content blocks.

  6. Select Video for a single video or Video Gallery for multiple videos.

  7. Paste the Vimeo embed code into the Embed code field. The video's details will automatically populate in the block.

    Video blockVideo Gallery block


Option 2: Add a YouTube Video

  1. Navigate to the YouTube video you want to add to your page.

  2. Below the video player, click the Share button.

  3. Select Embed.

  4. Copy the embed code from the field box.

  5. In your liveBooks dashboard, go to the CONTENT tab and open the page where you want to add the video.

  6. Click the (+) button at the bottom of the page or between content blocks.

  7. Select Video for a single video or Video Gallery for multiple videos.

  8. Paste the Vimeo embed code into the Embed code field. The video's details will automatically populate in the block.

    Video blockVideo Gallery block


Add a YouTube Shorts Video

YouTube does not offer an embed link for Shorts videos. However, you can add a Shorts video to a Video block or Video Gallery block with the following workaround:
  1. On the Shorts feed, click the Share button, then copy the URL.
  2. Paste the URL to a separate document. In the URL, remove the word shorts and replace it with the word embed.
    For example: https://youtube.com/shorts/bUmmwj9f56s?si=N_RI6WF49OO5Z2ij 
    will become https://youtube.com/embed/bUmmwj9f56s?si=N_RI6WF49OO5Z2ij
  3. Copy the updated URL, then paste it in the Video block or Video Gallery block, as outlined in the steps above.

    • Related Articles

    • Vimeo Video Thumbnails Not Working

      If you have uploaded videos from Vimeo into a Video Gallery block and the thumbnails are displaying a "rainbow" of vertical lines (see screenshot below), it means that your Vimeo account has updated its API connection. When this connection is ...

    • Expand Video to Fill Window

      Sometimes, you may want to have a video expand to fill the enter length of the website. This is quite simple and can be done easily! To do this: 1. Select the Content tab in the gray navigation bar, and click on the Page you would like to add the ...

    • Adjust the Output Sizing of a Video Gallery

      1) Set the Type to Stack. 2) Set the Click Action to Play in place 3) Under Videos, click the Width option and set the size needed. For example, 1000px 4. Click Save and Publish.

    • Optimize a Video for the Web

      Optimizing the encoding of your video will help to display the best quality of your video and allow your viewers to have the smoothest playback. These links are helpful guides if you are looking to export your encoded video to the optimum setting for ...

    • Position Video with Text or Content

      You may have inserted a Video block on your page but need to place content around the video player, see below on how to style and place your content around the video. 1. To place text content around your video, use the Title and Description fields in ...