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.
There are two steps required when embedding content from Icareus Video Cloud into SharePoint:
Allow embedding from Icareus Video Cloud
- Embed video or video page
Allowing embedding from Icareus Video Cloud
To embed videos or pages into your SharePoint site, the page owner must first allow embedding from the Icareus Video Cloud domains. If this step is not completed, you will see the following error message when attempting to embed content:
You can also find these instructions on Microsoft’s support site:
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."
You will see a list of domains that are allowed for embedding content. Add the following:
- For single videos: players.icareus.com
- For video pages: videopages.icareus.com
After entering each URL, click "Add". The domain will appear in the list.:
Click "OK" on the right to save your changes.
Embedding
To embed something, click "Edit" 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 a different player, select it from the dropdown menu.
Otherwise, click Copy to copy the embed code and close the dialog:
Paste the code into the SharePoint code field:
The video should appear immediately in the preview:
Remember to publish or 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"
Example
Before:
<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> |
After:
<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 appear in the preview:
Remember to publish or republish the page to apply your changes.