Adding Panopto content to Salesforce

I have been interested in how to make use of Panopto content in our Salesforce site internally, and I think it is worth sharing with the community as well.

Two examples follow. For each, it is best to have secure protocol enabled and to specify HTTPS URLs. You can add the code snippets to any Apex VisualForce page you want. Keep in mind who has permission to see the sessions, because private sessions are still restricted when shared in these embeds. So if your coworker doesn’t have access to the video normally, she also won’t be able to view it in the embed without you updating the sharing permissions.

Example Apex code to embed a session:
<apex:page>
<apex:iframe src="https://demo.hosted.panopto.com/Panopto/Pages/Embed.aspx?id=dbaef247-4589-4d83-95cd-5dc73bdf1694&v=1" scrolling="false" id="embeddedVideo"/>
</apex:page>

Which looks like this:

Example Apex code to embed a folder:
<apex:page>
<apex:iframe src="https://demo.hosted.panopto.com/Panopto/Pages/Sessions/List.aspx?folderID=e4c6a2fc-1214-4ca0-8fb7-aef2e29ff63a" scrolling="true" id="embeddedVideoList"/>
</apex:page>

Which looks like this:

Steps to add a new Panopto Visualforce page:

1. Set up a new Visualforce page. If you haven’t done this before, they have a nice walkthrough here:

https://www.salesforce.com/us/developer/docs/pages/Content/pages_quick_start_hello_world.htm

2. Look up the session or folder ID for the item you want to embed. For a session, you want the delivery ID. You can get it from the “Manage” tab for your session:

For a folder, you also go to the “Manage” tab and use the folder ID:

3. Copy the Apex code I shared above, and replace the URL with the domain name of your Panopto server and the folder or session ID you want to share.

4. Check the permissions to make sure your audience can access the files. You may want to share with everyone who can log in, for example. This is in the “Share” tab for the session or folder:

That’s all you need! I hope this helps you use Panopto more places!

Note: This is cross posted from the Panopto developers’ community.