Embed a video on your website

Embed a video on your website

You can easily embed your videos on your website using an embed code.

To generate this code, follow the steps below.

1. Log into your account via our website.
2. Click My content at the top of the page.

3. In the Videos area, hover over the video you'd like to embed and click the Details button.
The video opens in the preview area, with several tabs displayed on the right.
4. Click the Share Video tab (). 
5. Scroll down to the Video Embed area.
6. To select the video embed settings and player controls, expand the Video Embed - Player Controls/Settings section.

7. For Embed Code Size, select the size of your video. Responsive is selected by default, which auto-scales your video based on the size of the webpage. You can also select one of our preset sizes, or Custom to specify your own width and height.

8. Select the following items under Player Options to turn them on (displayed in green), or leave them off:
  1. Video Title - Displays the title of the video overlaid on the video when it is embedded.
  2. Player Controls - Displays the player controls for the video, allowing viewers skip forward and backward, adjust the volume, change the playback speed, turn closed captions on and off, and change the video quality.
  3. Captions - Turn captions on or off.
  4. Autoplay Video - Selecting this option means the video will begin playing automatically when users open your webpage. Please note that this feature may not be available in all browsers.
  5. Mute - Automatically mutes the video when your webpage opens. Viewers can unmute your video, even when the player controls are hidden, by using the mute icon in the lower right corner of the video.
  6. Transparent Background - If your video is embedded in a frame that is larger, or of different proportions than the video itself, the frame is typically displayed in black around your video. When you select Transparent Background, the video's background, or frame, will be transparent, allowing the color of the webpage to show through.
  7. Use oEmbed URL - If you want to create an oEmbed link to the video, rather than a snippet of code, select this option. To read more about oEmbed, click here.

8. Under Viewer Actions, select the actions that you'd like to enable for your viewers. You can allow them to share your video on social media, download your video, embed your video on their own website, or copy a link to your video for sharing.
9. After you have selected your player options and viewer actions, scroll back up to Code Preview
To view a preview of how your video will look when it is embedded, click Preview Embed.
Click Copy Code to copy the code snippet or oEmbed URL for your video and then paste it into the applicable area of your website.

    • Related Articles

    • Edit a video project across a team

      You can use the Video Editor to edit your co-worker's video projects, also known as .screenpal (or .somrec) files. To share your video files for editing with your team, you will need to export them from your Project Manager. Click Manage Video ...
    • Customize the size and shape of my video

      You can easily adjust and customize the size and shape of your video from the video editor. There are a number of ways to change the size of your video. You can change either the Canvas size, which is the size of your overall video, or you can change ...
    • Brand and customize the video player

      With a Solo Premier, Solo Max, or Team Plan, you can easily customize the video player to match your personality, brand, or campaign. Please note that if you are a member of a Team Plan, your Account Owner or Administrator might choose to limit these ...
    • Why can't I see my video on my ScreenPal Content page online?

      Why can't I see my videos and images created in the app on my online Content page? Content you create using the ScreenPal app (recordings, screenshots, and so forth) is stored locally on your device. Content is only uploaded to your ScreenPal hosting ...
    • Channel and video visibility settings

      There are several visibility options for both individual videos and channels. Unlisted - Anyone with the link can view the video, including people who access an embedded link via your website, a link on social media sites, and so forth. However, the ...