How to Embed a Video

You can embed your videos on your blog, website or any other page. SproutVideo now offers multiple options for video embed codes, including responsive embeds, lightbox embeds, email campaign embeds, and regular in-line embeds.

To embed a video without any customizations, do the following:

  1. Go to the Videos page, click on the video you want to embed, and look for the basic embed code options underneath the video player on the righthand side of your screen.

  2. Copy the basic in-line embed, lightbox embed, or email embed for this video by simply clicking anywhere on the embed code. If you want to customize any of those embed code options, please navigate to the Customizations tab, and refer to our help article on customizing embed codes for videos. Embed code for a video hosted on SproutVideo

OR

  1. Go to the Videos page and move your mouse over the </> icon. Quickshare Embed code

  2. Copy the basic in-line embed, lightbox embed, or email embed for this video by simply clicking on the embed code you would like.

  3. Paste the embed code into the code of your web page.

  4. Save or publish your page and you should see the video embedded on your site.

Note: If you’re using a blogging site like Blogger (Blogspot) or Wordpress, paste the embed code into the post/HTML editor. If you are using Squarespace, please refer to our blog post on using SproutVideo embed codes with Squarespace.

If you’re using Wordpress, you may need use the following plugin to allow Wordpress to accept iframes as part of post content. We recommend trying to embed your video without installing this plugin first. Only install this if the embed code does not work:

http://wordpress.org/extend/plugins/iframe/

Activate the plugin and then use Wordpress’ shortcode feature to insert your video. You should grab all of the parameters for your shortcode embed from the SproutVideo embed code. So, if a SproutVideo embed code looks like this:

<iframe class='sproutvideo-player' type='text/html' src='http://videos.sproutvideo.com/embed/2898d2bb141ce2c990/2a3ed5a6d9baecd1?type=sd' width='630' height='352' frameborder='0'></iframe>

Your short code should look like this:

<iframe src="http://videos.sproutvideo.com/embed/2898d2bb141ce2c990/2a3ed5a6d9baecd1?type=sd" width="630" height="352" allowfullscreen></iframe>

Notice that the video source url is from the embed code and is NOT the url of the video on the SproutVideo site. Also notice the how the height and width have been copied over.

Was this article helpful?