Video Recommendation Player Plugins
      Back to home
      1. Knowledge Base and Documentation
      2. Video Recommendations
      3. Video Recommendation Player Plugins

      Ooyala Player Plugin

      This details how to implement the Adaptive plugin for Ooyala Player version 4.0 and above.

      This install requires placing plugins within the page HTML and sending in the specific information for the client and video.

      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

      http://ovp.iris.tv/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"&gt;&lt;/script>
          <![endif]-->
          <link rel="stylesheet" href="http://ovp.iris.tv/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

      http://ovp.iris.tv/plugins/ooyala/ooyala.min.js

      Example of IRIS.TV Ooyala JavaScript added as a script tag

      <script type="text/javascript" src="http://ovp.iris.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 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('[player_name]', '[asset guid]', playerParam); });

      </script>

      Once the following is complete, you are ready to test your player.