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.
Add a Video to Your Website
Option 1: Add a Vimeo Video
Navigate to the Vimeo video you want to add to your website.
Click the Share icon below the video player.
In the pop-up window, click the Embed tab, then copy the embed code.
In your SpaceCraft dashboard, go to the CONTENT tab and open the page where you want to add the video.
Click the (+) button at the bottom of the page or between content blocks.
Select Video for a single video or Video Gallery for multiple videos.
Paste the Vimeo embed code into the Embed code field. The video's details will automatically populate in the block.
Video block Video Gallery block
Option 2: Add a YouTube Video
Navigate to the YouTube video you want to add to your page.
Below the video player, click the Share button.
Select Embed.
Copy the embed code from the field box.
In your SpaceCraft dashboard, go to the CONTENT tab and open the page where you want to add the video.
Click the (+) button at the bottom of the page or between content blocks.
Select Video for a single video or Video Gallery for multiple videos.
Paste the Vimeo embed code into the Embed code field. The video's details will automatically populate in the block.
Video block Video 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:
- On the Shorts feed, click the Share button, then copy the URL.
- 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 - 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 ...Set Video to Autoplay
You can easily trigger a YouTube or Vimeo video to automatically play when a user lands on your site. Before you add an autoplay video on your website, there are two things to keep in mind: The autoplay feature does not work on mobile or tablet ...Expand Video to Fill Window
Sometimes, you may want to have a video expand to fill the entire width of the website. To do this: 1. Select the Content tab in the gray navigation bar, and click on the Page you would like to add the video to. 2. Add a Video block or Video Gallery ...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 ...Set Specific Start and End Times for Your Video
To set a specific start and end time for an embedded YouTube video on your site, you just need to grab the embed code, add a line of code to the source link, then your start and end times. 1. First, copy your video embed code. It should look ...