How Do I Embed a Video in my Page or Blog Post?

How Do I Embed a Video in my Page or Blog Post?

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 add a video to a Page or Blog Post:


Text Editor

** video will take up the entire width of the page

  1. Open the Blog Post editor
  2. Insert the YouTube link, double-spaced, between two lines of text:

    'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id semper diam. Cras quis ultrices nisi, sit amet'

    'Phasellus a ullamcorper nibh. Morbi tortor lorem, malesuada id convallis nec, commodo nec lacus. Duis erat mauris'


Video Player Widget

This option works best for adding YouTube videos to your page or blog post

  1. Open the Page or Blog Post editor
  2. Select Drag-and-Drop Editor
  3. Click Add Widget
  4. Select Video Player



  5. Under YouTube Link, add the video you want to include
  6. Add a Title or change the width/height of the player if you wish
    * Note that a page with the sidebar is 600 px wide

  7. Preview and Save

Custom HTML Widget

This option works best for adding non-YouTube videos to your webpage or blog post. Note that not all videos will support this

  1. Open the link 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 or Blog Post you want to add the video to

  6. Select Drag-and-Drop Editor

  7. Click Add Widget

  8. Select Raw HTML Widget

  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 utilise 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


    • Related Articles

    • Page FAQs

      Learn More: How Do I Add A Blog Grid List Layout To A Page? How Do I Add A Clickable PDF To A Page? How Do I Add A Header Image To A Page? How Do I Add A Page To My Website's Navigation? How Do I Build A Page For My Website? How Do I Change ...
    • How Do I Add A Clickable PDF To A Page?

      This Article Is For: All users who have access to: Pages This is applicable to: All themes These are the instructions for adding a clickable PDF to a page, blog etc Step-by-step guide Upload your PDF to the SoCast media library After it has been ...
    • How Do I Add A Blog Grid List Layout To A Page?

      This Article Is For: All users who have: Manage All Pages or Manage Selected Pages Permissions This is applicable to: All themes These instructions are for after you have created a blog grid list layout, and want to add that layout to a page. ...
    • How Do I Create A Page Template?

      This Article Is For: All users who have: Manage All Pages or Manage Selected Pages Permissions This is applicable to: All themes Follow these simple steps to create and reuse content by using the built-in template tool Step-by-step guide Click on the ...
    • Creating & Publishing A Blog

      This Article Is For: All users who have access to: Blogs This is applicable to: All Themes For a video tutorial please see: https://attendee.gotowebinar.com/recording/7948664640774185231 Below are steps and instructions for creating and publishing ...