How Do I Embed a Video on My Website Using SoCast?
How Do I Embed a Video on My Website Using SoCast?
Who Is This Article For?
- All users with "Manage All Pages" or "Manage Selected Pages" permissions
- Applicable to all SoCast themes
Important Note
In some cases, video embeds may not work if the publisher of the video has restricted embedding. If you encounter issues, check the video source's sharing permissions.
Step-by-Step Guide: Embedding Videos
There are three main ways to embed a video on your website using SoCast:
1. Using the Text Editor
- Note: This method only works with YouTube links and will display the video at the full width of the page.
- Open the Post, Page, Sidebar, or Contest where you want to add the video.
- Insert the YouTube link directly (e.g., https://youtube.com/xoxoxox). If this does not work, copy and use the YouTube embed code instead.
- The embedded video should appear as shown below:
2. Using the Video Player Element
- This option is best for adding YouTube or Vimeo videos to your website.
- For more information, see the Video Player Element article.
3. Using the Raw HTML Element
- This method is ideal for embedding videos from sources other than YouTube, or for custom embed codes.
- Open the video you want to embed.
- Look for a Share option in the video player.
- Under Share, find the Embed option or iFrame code.
- Copy the embed or iFrame code.
- In the SoCast platform, open the Page, Blog Post, Sidebar, or Contest where you want to add the video.
- Select the Drag-and-Drop Editor.
- Click Add Widget.
- Select Raw HTML Element.
- Paste the custom iFrame code.
Tip: You can adjust the width and height of the video in the embed code. For responsive design, set the width to "100%" so the video fits all screen sizes. - Once you have adjusted the size, preview and save your changes.
- For more details, see the Raw HTML Element article.
Additional Notes
If you want to embed vertical videos, such as YouTube Shorts or videos from X (formerly Twitter), use the Raw HTML Element to paste the appropriate embed or iFrame code.
If you have any questions or need further assistance, please contact SoCast Support.
Related Articles
How Do I Embed a Podcast Player in the Sidebar Using SoCast Engage?
Log in to SoCast Engage. Navigate to Website > Website Structure > Sidebars. Click Edit on the sidebar where you want to add the podcast player (e.g., Music Template Sidebar). In the WPBakery Page Builder, scroll to the bottom and click the (+) sign ...How Do I Use the Video Player Element to Embed Videos on My Website?
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 ...How Do I Embed a Podcast Player or Other External Content Using the Raw HTML Widget in SoCast Engage?
Yes, you can embed a podcast player or other external content in SoCast Engage by using the Raw HTML widget. Here’s how: Log in to SoCast Engage. Navigate to the page or post where you want to add the embed. Add a Raw HTML widget to your page or ...How Do I Embed a Twitch Video on My Website?
How Do I Embed a Twitch Video on My Website? Requirements You must have an existing Twitch account. Steps to Embed a Twitch Video Log in to your Twitch account and navigate to your channel. Click the Share tab (located by the three dots on the ...How Do I Add Podcasts to My Website Using SoCast?
How Do I Add Podcasts to My Website Using SoCast? This article is for users who have an existing podcast hosted on a third-party platform such as Apple Podcasts (iTunes), Spotify, or SoundCloud. Most third-party podcast platforms recommend copying ...