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:
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.
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'll want to use the following plugin to allow Wordpress to accept iframes as part of post content:
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" frameborder="0"]
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.