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.
This will format the IRIS.TV interactivity buttons to the Ooyala player.
Link to IRIS.TV Ooyala CSS file
https://s3.amazonaws.com/iris-playground/cosmos/plugins/ooyala/ooyala.css
Example of IRIS.TV Ooyala CSS added to HTML header:
<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="https://s3.amazonaws.com/iris-playground/cosmos/plugins/ooyala/ooyala.css"> </head>
2. Add script tag of IRIS.TV Ooyala JavaScript plugin in HTML body
Link to IRIS.TV Ooyala JavaScript plugin
https://s3.amazonaws.com/iris-playground/cosmos/plugins/ooyala/ooyala.js
Example of IRIS.TV Ooyala JavaScript added as a script tag
<script type="text/javascript" src="https://s3.amazonaws.com/iris-playground/cosmos/plugins/ooyala/ooyala.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:
<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', 'xoYnNzZzE61UDnVKGBNlUcYHYgpqSuTE', playerParam); }); </script>
Once the following is complete, you are ready to test your player.