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:
Paste the embed code into the code of your web page. 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.
Save or publish your page and you should see the video embedded on your site.
*Note: 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:
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]
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.