SproutVideo now supports Lightbox Embed Codes, which allow you to publish a thumbnail image for your video on a webpage which, when clicked, launches a video player overlay on the page. It's as easy as copy and paste to implement on the webpage or your choice.

To Generate a Basic Lightbox Embed Code:

Go to the Videos page, click on the video you want to embed, and look for the Lightbox Embed option under the video image:

copy the Lightbox Embed Code for your video hosted on SproutVideo

Click on the code to copy the embed code from the Lightbox Embed Code field, and paste it wherever you would like to publish it.

If you want to customize how the video appears on your site, please navigate to the Customizations tab for that video.

Here is an example of a Lightbox Embed Code:



Customizing the Lightbox Embed Code

The majority of the customization options available for in-line embed codes are also available for Lightbox Embed Codes. The only major differences in terms of the availability of settings are that both the embedded image and the video overlay are responsive by default, and, the video overlay autoplays by default, so there is no option to show or hide the big play button or to determine whether or not the video autoplays.

You can adjust the size of both the thumbnail image and the video player overlay, implement a post-play screen, loop the video, and show or hide player controls:

customization options for lightbox embed codes

Section: Embedding Videos
Last Updated: July 18, 2016