Display videos recorded using UB's Panopto software on UBCMS pages.
These videos can be embedded on UBCMS pages by pasting the Panopto Embed/Share code into an HTML Snippet. Before you activate your UBCMS page, change the video height and width settings to better fit your layout.
Here's our original example from above:
<iframe src="https://ub.hosted.panopto.com/Panopto/Pages/Embed.aspx?id=9518c7c2-074b-4bca-bcae-a89d010ac623&v=1" width="720" height="405" style="padding: 0px; border: 1px solid #464646;" frameborder="0" allowfullscreen allow="autoplay"></iframe>
Here's the code, modified for a Two Column ('wide on right') page:
<iframe src="https://ub.hosted.panopto.com/Panopto/Pages/Embed.aspx?id=9518c7c2-074b-4bca-bcae-a89d010ac623&v=1" width="682" height="384" style="padding: 0px; border: 1px solid #464646;" frameborder="0" allowfullscreen allow="autoplay"></iframe>
All video displayed through your website must be captioned to meet ADA accessibility guidelines. You can manually type in a caption stream right from the editor, but Panopto recommends using their automatic captions first and then editing the captions as needed.
Panopto's automatic captions must be 'imported' before they become visible with your video. To access the captions area, log into Panopto and then open your video session. The left sidebar should show 'Captions'. Then select 'Import Captions' and 'Import automatic captions.'
To manually add (or edit) captions, click on the captions tab - start typing in the text box - press ENTER when you want to add your captions. After saving and committing the captions, these will now be visible in the captions tab in the viewer
Embedded Panopto videos do not have a thumbnail image, so they cannot automatically be displayed in carousels or slide decks.
We have two workarounds:
There is currently no way to make your video start at a specific point in the session. The workaround is to save a version of your session, edited to just show the segment of interest. Multiple versions can be saved of any session.
All videos on your website must meet ADA guidelines.
> accessibility considerations
June 20, 2018