There are 3 ways to embed our video content:


Embed Video


Embedding a video next to related content is a great way to supplement your existing text so that readers engage more with the information. 



In order to get embed code for videos:


1. Select Video

Pro Tip: Search by the singular term of what you are looking for


You can preview the video by clicking on the video. 

 

To select a video, click on the arrow to the right of the video.





2. Customize Video

Select the size of the video you want to display:

  • Responsive

  • Large

  • Medium

  • Small


The size you choose will be previewed in the accompanying image so that you know just how big or small the video will be on your site.


The Responsive size responds to the size of your browser and is best for viewing on mobile devices.




3. Get Embed Code


This is the code you will insert where you want to embed the video. You will be given the option between Javascript and iFrame embed code. 


You also have the option for the video to show up in a pop-up window if you select this option.


You will be able to preview the video below the embed code.





HTML Code


You can also insert the video as a linked thumbnail image using HTML code. Using HTML code will display an image that is linked to that video in your video portal. 


Once you’ve selected a video in the Embed area, you are given this option under the Preview of the video. 




You will be given the option to select the thumbnail size before copying the HTML code.


Note: Please be sure the webpage(s) where you want to embed the videos have been 'white-listed' or authenticated for Ocelot video embedding.  If you receive an error message while trying to embed the video(s)/playlist(s), please first check to ensure the webpage(s) are authorized.


Embed Playlist


A playlist is a group of related videos that play in the order of how information is intuitively digested. A playlist is a great way to embed more answers in one related area on your website.




In order to get embed code for playlists:


  1. Select Playlist


You can also scroll through the different options, by using the arrow button on the bottom. 


Select a playlist by clicking on the arrow to the right of the playlist.


Tip: Search by the singular term you are looking for.




2. Select Starting Video


To select the starting video, click on the arrow to the right of the video. 


You may also preview the video by clicking on the video.


3. Customize Playlist


You will be given the option to choose the size the playlist will appear on your webpage. 


You will be given the option of a pop-up window (AKA a thumbnail) on the next page.




4. Get Embed Code


You will be given the option between Javascript and iFrame embed code. 


This is the code you will insert where you want to embed the playlist.


You also have the option for the playlist to show up in a pop-up window if you select this option.


You will be able to preview the playlist below the embed code.




HTML Code


You can also insert the playlist’s starting video as a linked thumbnail image using HTML code. Using HTML code will display an image that is linked to that video in your video portal. Once you’ve selected a playlist in the Embed area, you are given this option under the Preview of the playlist.

You will be given the option to select the thumbnail size.


The size you choose will be displayed in the preview area so that you know how big or small each size will be on your site.


 


Note: Please be sure the webpage(s) where you want to embed the videos have been 'white-listed' or authenticated for Ocelot video embedding. If you receive an error message while trying to embed the video(s) and playlist(s), check to ensure the webpage(s) are authorized.



Embed Portal


You also have the option to embed the entire playlist into your web page so that users don’t need to leave your website environment in order to access your entire video library. It only takes one line of embed code!


You will be given the option between Javascript and iFrame embed code. 


You have the option to make the portal responsive so that the format responds to mobile devices.



Be sure the webpage(s) where you want to embed the videos have been authorized or authenticated for Ocelot video embedding. If you receive an error message while trying to embed the video(s)/playlist(s), please reach out to Ocelot to verify the webpage you are embedding on has been authenticated.


Note: Google Sites application does not support Javascript embed code. To embed on the Google Sites application, go to "Insert > Embed > Embed Code and use the iFrame code from Ocelot.