Integration with Ooyala


Before you begin Teltoo integration, please notice that the Ooyala player requires a license key. To do this, you’ll need to create an Ooyala account on their website. Note that they offer a free trial.

To integrate Teltoo with the Ooyala player, you first need to include the Ooyala player script from the recommended location. Then, include Teltoo Ooyala scripts from the Provided TS_HOST . Finally, configure the player with your license key and your source stream.



<!-- Include Ooyala Player files -->

<link rel="shortcut icon" href="//www.ooyala.com/sites/ooyala.com/files/favicon.png" type="image/png">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

<script type="text/javascript"
        src="//player.ooyala.com/static/v4/stable/4.23.6/core.min.js">
</script>
<script type="text/javascript"
        src="//player.ooyala.com/static/v4/stable/4.23.6/video-plugin/main_html5.min.js">
</script>
<script type="text/javascript"  
        src="//player.ooyala.com/static/v4/stable/4.23.6/video-plugin/bit_wrapper.min.js">
</script>
<script type="text/javascript" 
        src="//player.ooyala.com/static/v4/stable/4.23.6/skin-plugin/html5-skin.min.js">
</script>
<link rel="stylesheet" 
      href="//player.ooyala.com/static/v4/stable/4.23.6/skin-plugin/html5-skin.min.css">

<!-- Include Teltoo SDK and the plugin for ooyala player -->
<script src="//TS_HOST/teltoo.js" data-teltoo-api-key=”TELTOO_API_KEY”></script>
<script src="//TS_HOST/ooyala-teltoo/teltoo-ooyala-v4.min.js">
</script>

<!-- Video tag -->
<video id="my-video" width="640" controls></video>
  
<!-- Create the player -->
var DEFAULT_PLAYER_OPTIONS = {
      pcode: OOYALA_ACCOUNT_PCODE,
      playerBrandingId: OOYALA_ACCOUNT_BRADING_ID,
      autoplay: true,
      muteFirstPlay: true,
      debug: false,
      platform: 'html5',
      skin: {}
 };

var player;
  OO.ready(function() {
     player = OO.Player.create ('my-video', ooyala_embed_code, DEFAULT_PLAYER_OPTIONS);
 });

Copied to Clipboard