Add IGTV Videos to Your Squarespace Website

category: websites igtv instagram popular squarespace type: blog video

As vertical video becomes more popular, there is an increasing demand to be able to embed those videos on webpages. Previously, people would have to upload their video to YouTube and use the embed code, leaving giant black bars on either side of the video. Did you know that IGTV videos have their own embed code? Here is how to add those videos to your Squarespace website in all their vertical glory! 

 

Step 1: Upload Your Video to IGTV

Skip to step 2 if your video is already on IGTV.

You might be starting a regular IGTV show, or you could simply be using it as a place to store your videos so they can be repurposed elsewhere. Either way, here is how you add your videos to IGTV.

 

Mobile

  • Open IGTV:

    • If you already have videos on IGTV, simply go to your profile and tap the IGTV highlight, or;

    • Open the separate IGTV app

    • If you’ve never used IGTV before you’ll need to set it up before you can add a video. See how to do that here (don’t worry, it will only take 2 seconds!)

  • Tap the + icon

  • Select a video from your camera roll (must be between 15 seconds and 10 minutes)

  • Tap next

  • Enter a title and description

  • Tap Post

 

Desktop

  • Go to you profile

  • Click the IGTV icon under your profile info & highlights

    • If you’ve never used IGTV before you’ll need to set it up before you can add a video. See how to do that here (don’t worry, it will only take 2 seconds!)

  • Click the Upload button

  • Select a video from your computer (must be vertical, between 15 seconds and 10 minutes, an MP4 file and less than 3.6GB)

  • Upload a custom cover photo if needed

  • Enter a title and description

  • Click Post

 

Step 2: Grab the Embed Code

This can only be done on desktop:

  • Go to your profile

  • Click the IGTV icon under your profile info & highlights

  • Click the video you want to embed

  • In the bottom right corner, click the three dots (...)

  • Click Embed

  • Click Copy Embed Code

 

Step 3: Add to Squarespace

  • Open up the page or blog post you want to add the video to and edit

  • Insert a code block (NOT a video or embed block)

  • Delete the default code and paste in your embed code from IGTV

  • Click Apply

Don’t panic - your video won’t look right when you’re viewing your page in the editor:

 

Once your page is published, you’ll see the full video and caption:

Drawbacks

  1. There are still black bars, but they’re not as bad as you’d get on YouTube.

  2. On desktop: if someone clicks anywhere other than the little ‘play’ button, the video will open in Instagram.

  3. On mobile: if someone clicks anywhere other than the video screen, the video will open in Instagram.

  4. On mobile: the videos occasionally display janky, like shrinking or cutting off the caption (see images below)

 

Want more awesome info like this?


BLG Business Tech Resource Guide for 2022

Your comprehensive resource (40+ pages and counting!) for what tools we use or recommend at BLG Business for your online biz - everything from appointment booking to webinars, from audio transcription to video creation, and more!

We'll never spam or share your email