Elements: Video

How to embed video on your website pages

Last updated: September 2024

If you would like to post a video that isn't hosted on either YouTube or Vimeo, you will need to upload the video to your Content Library and add it as a File element instead for your visitors to download and watch.

Embedding videos on your Streamline website is a great way to enhance your pages with visual content. Whether you’re sharing event recordings, promotional material, or other video content, using video elements from YouTube or Vimeo is both easy and effective. Here’s how you can do it:

Supported Video Formats

Currently, Streamline supports embedding videos from YouTube and Vimeo only. These platforms offer auto-captioning options, ensuring that your videos meet accessibility standards. If your video isn’t hosted on either platform, you can create a free YouTube account, upload your videos there, and then embed them on your Streamline site. Just make sure the videos are set to “anyone with the link can view,” even if they’re not searchable on YouTube and that you toggle on the auto-closed captioning option. 

How to Embed a Video on a Page

  1. Navigate to the Page:
    • Go to the page where you want to add your video.
    • Click on 'Edit this page' at the top right corner of your screen.
  2. Insert the Video Element:
    • In the Main Body Content area, locate the '+' icon to the left of where you'd like to place the video.
    • Click this icon to open the Insert Element menu. If the icons aren’t visible, click outside the Main Body Content area to make them appear.
  3. Choose Video Element:
    • Select the 'Video' element from the menu.
    • Click 'Insert' in the top-right corner.
  4. Enter the Video URL:
    • Copy and paste the URL of your YouTube or Vimeo video into the provided field.
  5. Save Your Video:
    • Click 'Save' to embed the video on your page.

Moving a Video Around the Page

  1. Reposition the Video:
    • While still in editing mode, hover your mouse over the video element.
  2. Drag to Move:
    • Find the blue cross icon near the top-right corner of the video.
    • Click, hold, and drag the video to reposition it anywhere on the page.

Removing a Video from a Page

  1. Delete the Video:
    • Hover over the video element while editing the page.
  2. Click the Red X:
    • Locate the red X icon near the top-right corner of the video and click it to remove the video from the page.

Embedding videos on your website is a fantastic way to engage your audience with visual content. Whether you're showcasing events, sharing important announcements, or adding some dynamic elements to your page, videos are a great tool. If you have any questions or need further assistance, don’t hesitate to reach out to our support team.