This IRIS.TV plugin is specific for Ooyala v4+ players. This install requires placing plugins within the page HTML and sending in the specific information for the client and video.URLS are ALL STAGING URLS. These will be updated to Production once IRIS.TV QA is complete.
1. Add the IRIS.TV Ooyala CSS file to the HTML header.
...
Link to IRIS.TV Ooyala CSS file
| Code Block |
|---|
httpshttp://s3ovp.amazonawsiris.com/iris-playground/cosmos/tv/plugins/ooyala/ooyala.css |
...
| Code Block | ||
|---|---|---|
| ||
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Ooyala iris Integration</title>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="httpshttp://s3ovp.amazonaws.com/iris-playground/cosmos/iris.tv/plugins/ooyala/ooyala.css">
</head> |
...
Link to IRIS.TV Ooyala JavaScript plugin
| Code Block |
|---|
httpshttp://s3ovp.amazonawsiris.com/iris-playground/cosmos/tv/plugins/ooyala/ooyala.min.js |
Example of IRIS.TV Ooyala JavaScript added as a script tag
| Code Block |
|---|
<script type="text/javascript" src="httpshttp://s3ovp.amazonawsiris.com/iris-playground/cosmos/tv/plugins/ooyala/ooyala.min.js"></script> |
3. Add irisSettings to "var playerParam" for Ooyala Player
The irisSettings control what custom settings will be used by the player. The only required plugin option is "client_token", which is used to identify the set of videos to make recommendations from. Further details on Adaptive Plugin Settings can be at Adaptive Plugin UI Settings and Customization Options
Example of irisSettings:
| Code Block |
|---|
<script>
var playerParam = {
irisSettings: {
campaign_tracking: true,
global: "iris_global_namespace",
start_up_next: true,
start_up_next_time: 14,
end_up_next: true,
end_up_next_text: "RECOMMENDED: ",
client_token: "FLKJ10980AL"
}
};
OO.ready(function () { window.pp = OO.Player.create('iris_video_test[player_name]', 'xoYnNzZzE61UDnVKGBNlUcYHYgpqSuTE[asset guid]', playerParam); });
</script>
|
...