Embed your video on a webpage

Users with a Starter, Teams, or Enterprise account can do more with embed codes, like choose between an inline and lightbox video, define a fixed embed size, or use an iframe.

1. Select the Share button next to a video in your library, then select Embed
2. Choose Webpage embed from the Embed location dropdown, then select an embed type from the Style dropdown
   • You can also use the max height and width fields to control your embed's size
3. Select Copy Embed Code, then paste the embed code into the source HTML of the webpage or application where you want to add the video.

The lightbox embed allows you to present your video as the focal point of the page. When the viewer clicks on the thumbnail, the lightbox embed loads your video in the center of the screen, dimming all other elements on the page. 

Both the thumbnail and the video component itself are automatically responsive.

• If you want to use specific dimensions, you can set a max width and height for the video thumbnail to adjust its size on the page
• Because the video component takes up most of the page when the video plays, it will comfortably respond to the dimensions of the browser window as it changes size.

Sometimes the standard inline embed runs into problems when you try to add a video to a webpage or application (for example, a CMS) that does not support JavaScript.

The iframe embed acts as a great fallback option. An iframe lets you display the video on the page from an external source, bypassing the restrictions on in-page JavaScript.

However, the iframe embed has some drawbacks. The iframe may limit Vidyard's ability to pass video analytics to an integrated marketing automation tool, such as Marketo, HubSpot, Eloqua, or Pardot. You also cannot use the JavaScript Player API with the iframe.

1. Select the Share  button next to a video in your library, then select Embed
2. Choose Webpage Embed from the Embed location dropdown, and iFrame from the Style dropdown menu
3. Select Copy Embed Code

You can adjust the dimensions of the iframe by changing the height= and width= values in the source code. 

<iframe class="vidyard_iframe" src="//play.vidyard.com/uuid.html?" width="640" height="360" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen></iframe>

Email is a great way to share video and connect with your audience.

Use this embed option to add a hyperlinked thumbnail image of your video into the template for your email marketing campaign.

You can then select your preferred distribution platform to get an embed code complete with merge tags to identify your viewers and capture video engagement data in Vidyard from the recipients on your mailing list.

Not everyone who you work with may have access to your video library. That's why we've provided you with an easy way to share the embed options for a video with others —even if they don't have access to Vidyard.

Select Shareable Embed Link from the Style dropdown menu to copy the link to your embedding options.