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'
   
   
   http://youtube.com/xoxoxox
   
   
   '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