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

Introduction

• This VOD / AOD integration code is unique and corresponds to the parameters you are currently specifying on the page.
• It allows you to embed the same video with different display configurations according to your needs.
• Later, you will be able to modify the parameters of this integration by adjusting them from the integration history page on the Infomaniak Manager.
• You can also share a media in various ways.

Generate and copy the integration code

The integration code is located on your VOD interface; here is an example with a default Player:

1. Click here to access the management of your product on the Infomaniak Manager (need help?).
2. Click directly on the name assigned to the product in question.
3. Click on Media in the left sidebar.
4. Click on Media Management in the left sidebar.
5. Click on the relevant media in the displayed table.
6. Click on the blue Integrate button.
7. Click on Create an integration:
   
8. Customize the media integration (timestamp, loop playback, autoplay, …).
9. Click the button to Generate the integration code:
   
10. Copy the code to integrate it at your desired location:
    

The media will be inserted with the default Player, but you have the option to choose from your created Players the one that should be offered during integration.

Modify a previous integration

To customize the integration of your media that has already been done, and in order to keep the corresponding code without having to insert it again:

1. Click here to access the management of your product on the Infomaniak Manager (need help?).
2. Click directly on the name assigned to the product in question.
3. Click on Media in the left sidebar.
4. Click on Media Management in the left sidebar.
5. Click on the media in question in the table that appears.
6. Click on the blue Integrate button.
7. Click on Edit integration:
   
8. Click on the action menu ⋮ to the right of the relevant item in the displayed table.
9. Click on the desired element to obtain/modify the integration codes:
   

Paste the integration code…

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

... on Infomaniak Site Creator

• For Site Creator, you need to generate a “Fixed” integration code (not “Responsive”):
  
• Paste this code into Site Creator within a “Custom HTML Code” block.

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