...
Table of Contents maxLevel 3
Getting Started
Add a script tags to load the IRIS Adaptive Plugin, Library, and CSS.
<script type="text/javascript" src="//ovp.iris.tv/plugins/akamai/iris-akamai.adaptive.min.css"></script>
...
<script type="text/javascript" src="//ovp.iris.tv/plugins/akamai/iris-akamai.adaptive.min.js"></script>
Initialize the IRIS Plugin with your desired configuration options. It is best practice to place this code within the `loadHandler()` after creating the akamai player.
| Code Block | ||
|---|---|---|
| ||
<script type="text/javascript">
var irisOptions = {
settings: {
access_token: '<ACCESS_TOKEN>',
player_id: '<HTML_PLAYER_ID>',
client_token: '<CLIENT_TOKEN>',
platform_id: '<PLATFORM_ID>'
}
// Additional configurations available, see below.
};
loadIrisPlugin(irisOptions);
</script> |
...
| Panel | ||||||
|---|---|---|---|---|---|---|
| <access_token> is a value provided by IRIS.TV to enable authentication through the IRIS API||||||
<client_token> is a value provided by IRIS.TV after the publisher’s content has been imported. <platform_id> is the GUID of the initial asset. The GUID is taken from the publisher’s content feed. <player_id> HTML element id of the player div used to instantiate the Akamai player |
AMP Only Setting
<array_source:> set to "true" to set the additional metadata for new assets. This setting can affect playback based upon your feed and import settings
| Info | ||
|---|---|---|
| ||
For more information about customizable settings and features, please see: Adaptive Plugins |
Modifying Button Appearance
IRIS offers CSS classes to further customize the thumbs_up, thumbs_down, skip_forward, and skip_back buttons in the Akamai control bar.
...