Vouch offers the ability to add a dynamic media player to your website or application to showcase your collected Vouch videos.
The following guide shows outlines the steps involved to generate an embed.
Creating your Embed
To create your Embed, simply navigate the respective video you wish to embed on a webpage or an app and click on it.
This will load the video details page. From here you will want to select the Embed option from the left hand menu.
Configuring your Embed
Template
Choose the pre-defined styling you wish to apply to the video. To find out more about Templates and how to create your own, click here.
Aspect Ratio
Dynamic | Embed will take on the aspect ratio of the parent container. Ignores all orientation settings. |
Orientation | Available Orientations:
|
Size
When disabled, the Embed will have a capped maximum size. When enabled, this will allow the embed to stretch to the full size of the parent container
Visual Settings
Controls
Control | Description |
Play Icon | Display the large play icon on the player |
Navigation | Allow users to navigate between video clips |
Play | Allow for the video to be played and paused |
Volume | Allow for the volume of the video to be controlled |
Current Time | Show where in the video the user is currently up to |
Duration | Show the total duration of the video |
Playback Speed | Allow users to adjust the playback speed of the video |
Captions | Allow users to turn on/off captions |
Full screen | Allow users to play the video in full screen |
Progress Scrubber | Allow users to see the video scrubber |
Languages | Allow users to enable multi-lingual |
Video Preview | Allow users to preview the video on the scrubber |
Questions
For multi-video responses, choose which Question(s) will be included in your embed. For more information about questions click here.
Playback Settings
Setting | Description |
Autoplay | Start playing the video immediately on page load |
Pre-load | Load the first video when the page loads |
Embedding on your Website
Once you have finished configuring the Embed, the only remaining step in the process is to generate embed code so you can add it to your website.
Vouch offers two ways to embed your Vouch Embed. These are:
iFrame / oEmbed
Javascript Embed
The Javascript Embed is the recommended approach for clients as it will natively render your play on the page which you have added it. The iFrame / oEmbed is designed for implementations within other applications or on websites that do not support Javascript.
The iFrame / oEmbed link can also be used on any service which support oEmbed.