How Do I Embed A Video On My Website?

How Do I Embed A Video On My Website?

This Article Is For:

  • All users who have: Manage All Pages or Manage Selected Pages Permissions
  • This is applicable to: All themes

Step-by-step guide

There are three main ways to embed a video on your website.


Text Editor

** Only works with YouTube links and will take up the entire width of the page
  1. Open the Post, Page, Sidebar or Contest you wish to inject the video link in
  2. Insert the YouTube link. (e.g https://youtube.com/xoxoxox)
  3. It should look similar to the image below


Video Player Element

  1. This option works best for adding YouTube or Vimeo videos to your website.
  2. For more info on the video player element see: https://support.socastdigital.com/portal/en/kb/articles/video-player-element


Raw HTML Element

This option works best for adding non-Youtube videos to your website. Note that not all videos will support this.
  1. Open the link to the video you want to add
  2. In the video player, look for a Share option
  3. Under Share look for an Embed option or iFrame code

  4. Copy the code



  5. In the SoCast platform, open the Page, Blog Post, Sidebar or Contest you want to add the video to

  6. Select Drag-and-Drop Editor

  7. Click Add Widget

  8. Select Raw HTML Element

  9. Paste the custom iFrame code



    Highlighted red is the area where you can set the width and height of the video in pixels. In this example the width is 480 pixels and the height is 270. A common practice to better utilize the space on different-sized screens and mobile devices is by typing "100%" in the width portion. That way, it will use 100% of the space available on the page, and won't be cut off on smaller screens

  10. Once you have the sizes adjusted, Preview and Save

  11. For more information on the 'Raw HTML Element', please visit: https://support.socastdigital.com/portal/en/kb/articles/raw-html-element


    • Related Articles

    • Video Player Element

      This Article Is For: All users who have access to one/all of the following: pages, blogs, contests, and sidebars This is applicable to: All themes These are the instructions for filling out the 'Video Player Element'. The video element allows you to ...

    • Website

      In this section you will find all Knowledge Base articles related to Blogs, Events, Classifieds and Directory, Comments, Content Elements (i.e polls, contact forms), Website Structure (i.e pages, sidebars, minisite headers), Website Settings (i.e ...

    • How Do I Add A Video Hero In Theme 3.0?

      Here’s how to make a visual impact on your website with video heroes.  Go to website > website settings > theme > launch theme editor > heroes Once in the Heroes section, click either ‘create new’ or edit an existing hero. Once in the hero, scroll ...

    • Video Gallery Element

      This Article Is For: Users with the 'Manage Pages, Blogs, Contests or Sidebars' permissions This is applicable to: All Themes These are the instructions for filling out the 'Video Gallery' element. This will display videos from a specific gallery ...

    • How Do I Embed .SVG Into My Website?

      This Article Is For:  Any client looking to add a .svg file into their website pages.  An SVG file, short for scalable vector graphic file, is a standard graphics file type used for rendering two-dimensional images on the internet. Option 1: 1. Under ...