Edit Hero’s Background Video

Info! Upgrade your site to leave behind “Intro” & gain “Hero”! With the “Hero” feature, you can add background images, videos, or other graphics to the top of your site 24/7! Contact us for more information & upgrade today!

Add background video clips to Hero & give your website the added dimension of motion! Here’s how:

  1. First, you’ll need to visit www.YouTube.com and, if you don’t already have an account, go ahead and create one. Then upload all your videos there.
  1. Visit the desired YouTube video and copy the YouTube ID (the letters/numbers after the equal sign of your video’s URL).

After uploading your YouTube videos, copy the YouTube ID to insert a background video to your JAMSpiritSites gym website.


  1. From within the Client Area, beneath the tools icon, choose “Edit your website content”.

Add a video to your JAMSpiritSites cheer website in Hero.


  1. Visit the component you’d like to edit.
  1. Select “Hero”.

Edit Hero of your JAMSpiritSites gym website by adding video background clips.


  1. Under the “Type” dropdown, select “Video”.

Add background motion videos to your JAMSpiritSites dance website with Hero.


  1. Change the “Height” as desired.

Adjust the height of the video clip in Hero on your JAMSpiritSites gymnastics website.


  1. Paste the YouTube ID in the “ID” field. Set the start and end times, in seconds, for the portion of video you’d like to feature. Add more videos by selecting “Add More” and repeating the process.

Put the YouTube ID in and then set the start and end times of your video clip in Hero on your JAMSpiritSites competitive gym website.


Info! If you choose to add more than one video clip, only 1 will display, but be presented randomly upon each page load.

  1. For “Attachment”, choose how your video background will be anchored to the page. For instance, “Fixed” means the video background will be fixed to the browser window and the content will scroll over it. Whereas, “Scrollable” means the video clip will scroll with the content.
  1. Select the “Overlay”, “Text”, and “Text Shadow” colors as needed.

Change the Overlay color, Text color, and Text Shadow color of your video background clip in Hero of your JAMSpiritSites cheer website.


  1. Adjust the “Overlay Opacity” by moving the dot left or right as desired.

JAMSpiritSites allows you to change the Overlay Opacity of your YouTube video background clip in Hero on your dance website.


  1. Edit the content as needed. This is a great opportunity for an awesome H1 page title. Doing so helps in 2 major ways:
    • A great page title helps orient your web audience. That way they know where they are in your website!
    • Headings are highly regarded in the search engine world – and none more so than an H1. So, help your content be found on the internet! To learn more tips on great content editing, view our Purpose Driven Content articles.
  1. Save when complete.

Woo Hoo! You can successfully add video clips to Hero!