Integrate and share VOD / AOD media

This guide explains how to embed video / audio files imported to an Infomaniak VOD / AOD service on web pages.

This integration code is unique and corresponds to the settings you are specifying on the page. It allows you to embed the same video with different display configurations according to your needs.

Later, you can modify the settings of this integration by adjusting them from the integration history page on Manager Infomaniak.

Generate and Copy Integration Code

The integration code that allows you to insert your media into desired locations (blog, website, etc.) is found on your VOD interface:

1. Log in to Manager Infomaniak (manager.infomaniak.com) from a web browser like Brave or Edge
2. Click on the ‍ icon at the top right of the interface (or navigate through the left sidebar menu, for example)
3. Choose VOD/AOD (Streaming universe)
4. Click on the name of the relevant item in the displayed table
5. Click on Media in the left sidebar menu
6. Click on Media Management in the left sidebar menu
7. Click on the relevant media in the displayed table
8. Click on the blue Share button
9. Click on Create Integration
10. Customize the media integration
11. Click the button to Generate Integration Code
12. Copy the code to embed it in your chosen location

Modify a Previous Integration

To customize a previously made integration of your media and keep the corresponding code without having to insert it again:

1. Log in to Manager Infomaniak (manager.infomaniak.com) from a web browser like Brave or Edge
2. Click on the ‍ icon at the top right of the interface (or navigate through the left sidebar menu, for example)
3. Choose VOD/AOD (Streaming universe)
4. Click on the name of the relevant item in the displayed table
5. Click on Media in the left sidebar menu
6. Click on Media Management in the left sidebar menu
7. Click on the relevant media in the displayed table
8. Click on the blue Share button
9. Click on Edit Integration
10. Click on the action menu ⋮ on the right of the relevant item in the displayed table
11. Click on the desired item to obtain / modify integration / sharing codes:

Paste Integration Code

On the webpage of your choice, paste the code in the desired location.

For SiteCreator, for example, generate a “Fixed” integration code (not “Responsive”):

Then paste this code on Site Creator within a “Custom HTML Code” block.

Here is an example of copy-pasting from the media integration page: