Introduction
Microsoft Sharepoint is the largest and most used knowledge sharing environment for organizations and teams.
Icareus Video Cloud can be used for managing and publishing videos on SharePoint.
Embedding videos/video pages to SharePoint
There are two steps that needs to be done when embedding content from Icareus Video Cloud to SharePoint:
- Allowing embedding content from Icareus Video Cloud
- Embedding video/video page
Allowing embedding content from Icareus Video Cloud
To embed videos/pages into your SharePoint pages, the SharePoint page owner must enable embedding from the Icareus Suite web address. If this step is not completed, you will receive the following notification when attempting to embed:
These instructions can also be read on Microsoft's support pages:
You can change the settings on allowing Icareus' videos by selecting "Site contents" from the "Settings" menu from the top right corner of the SharePoint page you want to embed those videos to:
Then on the "Site contents" page, select "Site settings" on the right:
It will then open the list of all the settings (if you are the page owner/admin user), and from there, you need to select "HTML Field Security."
It will display the list of websites from which you are permitted to embed content into your Microsoft SharePoint page. Enter the following domain URLs into the text field:
- For single videos: players.icareus.com
- For video pages: videopages.icareus.com
After entering an URL, click "Add". It will then be appended to the bottom of the list:
Click the "OK" button on the right to finish your changes.
Embedding
To embed something, click on the "Edit" button to modify the page. Then, add a new section and select the option "</> Embed"
After that, you'll see the Embed element on your page, and clicking it will open the Embed settings on the right:
Video
Open your Video Cloud account, go to Media Library -> Videos and click the menu icon in the bottom right corner of the video you want to embed:
Select "Embed". It will open a modal:
If you want to use some other video player than the default video player, you can select it from the drop down menu.
Otherwise just click the "Copy" button to copy the embed code and close the modal:
Paste the code to the SharePoint code field:
The video should show up right after:
Remember to publish/republish the page.
Video Page
Embedding a video page is slightly more complicated.
To start, paste the embed code of any video in your Media Library, as in above:
In Icareus Video Cloud, go to the settings of the video page you want to embed:
Copy the URL of the page:
In SharePoint, replace the URL of the video with the one you just copied. Then, change the part where it says scrolling="no" to scrolling="yes"
Before the embed code should've looked like this (with some differences in URL):
<div style="position:relative;width:100%;padding-top:56.25%;background-color:#ececec;"> <iframe style="position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;" title="" allowfullscreen="true" allow="autoplay" scrolling="no" frameborder="0" ></iframe> </div> |
Now it should look like this (with some differences in URL):
<div style="position:relative;width:100%;padding-top:56.25%;background-color:#ececec;"> <iframe style="position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;" title="" allowfullscreen="true" allow="autoplay" scrolling="yes" frameborder="0" ></iframe> </div> |
The video page should now show up in the preview:
Remember to Publish/Republish the page to commit your changes.