How To

How to add a paywall layer on your Ooyala video.

Dec 09, 2014 | By InPlayer
These instructions are for our depreciated paywall. Please have a look at the updated instructions on how to set a paywall on your Ooyala video in our product documentation section.

This is an example of the Ooyala player with a paywall layer added to it. The paywall will prompt 5 seconds into the video.

— video —

This is the code from the example above:


<html>
<head>
 <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
 <title>Ooyala Player</title>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
 <script type="text/javascript" src="http://plugin.inplayer.com/html5/v3/latest/scripts/inplayer.js"></script> 
 <link rel="stylesheet" type="text/css" href="http://plugin.inplayer.com/html5/v3/latest/style/style.css" />
</head>

<body>
 <script src='//player.ooyala.com/v3/92ec3ecbb6fc4e39b42c310faf96abb4'></script>
 <div id='ooyalaplayer' style='width:550px;height:320px'></div>
 <script>
 
 inplayer.publisher_id = 414301;
 OO.ready(function() { 
 OO.Player.create('ooyalaplayer', 'BvaWd2cTpQdb5pL7FFevTKATxzl7VuGu', {
 onCreate: inplayer.ovps.ooyala.onCreate,
 wmode: 'transparent',
 autoplay: true
 });
 });
 </script>
 <noscript><div>Please enable Javascript to watch this video</div></noscript>
</body>
</html>

Step 1: Ooyala Login

Login in with your account on Ooyala: https://backlot.ooyala.com/backlot/web

Step 2: Uploading Videos in Ooyala

In the Manage section of the Ooyala control panel you can see your videos uploaded. If you do not have any videos uploaded on your account, you can upload a new video. Go to Add New Content, Video. Select the video that you want to upload from your personal computer and click upload. After a few seconds you will see your uploaded video on the ‘Manage Videos’ section.

Step 3: Referencing Ooyala Videos

InPlayer part

There is an option for referencing multiple videos at once in your InPlayer control panel. Login at: www.inplayer.com with your publisher credentials. Go to the ‘Manage Videos’ section and click on the ‘Add’ button. You will see drop-down menu with all OVP’s that we have integration with. Click on Ooyala.

You will see one pop-up window asking for source MRSS feed. You can find this in your Ooyala account.

Ooyala part

Go back to the Ooyala control panel in ‘Manage’ section. At the left bottom corner of this section you will see ‘ALL LABELS’ part. Click on it and in the bottom of the page you will see ‘+’ button. Click on the ‘+’ button and add a name to your newly created label.

You need to add your videos in this label. You can do this by drag and drop method. Select one video from ‘Manage’ section, drag it to your label and drop it. Repeat the procedure with the other videos.

Go to the ‘Publish’ section.

In the left side you will see all your Players created. If you haven’t created any, than you can do that by clicking on the “+ New” button. After creating of the player, click on it. You will see different settings about that Player. You need to go the ‘External Publishing’ button.

From the left side you need to add new Player MRSS feed. Select ‘Player MRSS’ from the drop-down menu and click on the ‘+ New’ button. In the right side you will see settings about this feed. Insert Feed Title and Feed Description.

In the Select Content part check the radio button in-front of the ‘Add Labels’ button and choose the Label that you created with all videos. Your Feed URL is complete for inserting into your InPlayer account. Copy this link and paste it in your InPlayer control panel.

Click on ‘Save’ button. Your videos will be referenced into your InPlayer account.

Step 4: Embedding Ooyala Videos

After referencing your Ooyala videos into your InPlayer control panel, you need to embed these videos on your web site. You need three things to create the embed code for the video:

  • Ooyala ContentID
  • Ooayla PlayerID
  • inplayer.pid
Ooyala ContentID and PlayerID

You can find this values in your Ooyala Control Panel. Go to the video you want to use the Paywall for and go to the Embed Tab. There you will see the values for both ContentID and PlayerID.

Publisher ID

To find your PID number, go to your InPlayer control panel. Open ‘settings’ page and you’ll find your unique Publisher ID number here.

Use of Data Capture app

To use the Data Capture app, you would need to add one extra line of code in the embed right below inplayer.publisher_id = InPlayer_PID; The code is:

inplayer.use_data_capture = true;

How to add a paywall layer on your Ooyala video

These instructions are for our depreciated paywall. Please have a look at the updated instructions on how to set a paywall on your Ooyala video in our product documentation section.

This is an example of the Ooyala player with a paywall layer added to it. The paywall will prompt 5 seconds into the video.

— video —

This is the code from the example above:


<html>
<head>
 <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
 <title>Ooyala Player</title>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
 <script type="text/javascript" src="http://plugin.inplayer.com/html5/v3/latest/scripts/inplayer.js"></script> 
 <link rel="stylesheet" type="text/css" href="http://plugin.inplayer.com/html5/v3/latest/style/style.css" />
</head>

<body>
 <script src='//player.ooyala.com/v3/92ec3ecbb6fc4e39b42c310faf96abb4'></script>
 <div id='ooyalaplayer' style='width:550px;height:320px'></div>
 <script>
 
 inplayer.publisher_id = 414301;
 OO.ready(function() { 
 OO.Player.create('ooyalaplayer', 'BvaWd2cTpQdb5pL7FFevTKATxzl7VuGu', {
 onCreate: inplayer.ovps.ooyala.onCreate,
 wmode: 'transparent',
 autoplay: true
 });
 });
 </script>
 <noscript><div>Please enable Javascript to watch this video</div></noscript>
</body>
</html>

Step 1: Ooyala Login

Login in with your account on Ooyala: https://backlot.ooyala.com/backlot/web

Step 2: Uploading Videos in Ooyala

In the Manage section of the Ooyala control panel you can see your videos uploaded. If you do not have any videos uploaded on your account, you can upload a new video. Go to Add New Content, Video. Select the video that you want to upload from your personal computer and click upload. After a few seconds you will see your uploaded video on the ‘Manage Videos’ section.

Step 3: Referencing Ooyala Videos

InPlayer part

There is an option for referencing multiple videos at once in your InPlayer control panel. Login at: www.inplayer.com with your publisher credentials. Go to the ‘Manage Videos’ section and click on the ‘Add’ button. You will see drop-down menu with all OVP’s that we have integration with. Click on Ooyala.

You will see one pop-up window asking for source MRSS feed. You can find this in your Ooyala account.

Ooyala part

Go back to the Ooyala control panel in ‘Manage’ section. At the left bottom corner of this section you will see ‘ALL LABELS’ part. Click on it and in the bottom of the page you will see ‘+’ button. Click on the ‘+’ button and add a name to your newly created label.

You need to add your videos in this label. You can do this by drag and drop method. Select one video from ‘Manage’ section, drag it to your label and drop it. Repeat the procedure with the other videos.

Go to the ‘Publish’ section.

In the left side you will see all your Players created. If you haven’t created any, than you can do that by clicking on the “+ New” button. After creating of the player, click on it. You will see different settings about that Player. You need to go the ‘External Publishing’ button.

From the left side you need to add new Player MRSS feed. Select ‘Player MRSS’ from the drop-down menu and click on the ‘+ New’ button. In the right side you will see settings about this feed. Insert Feed Title and Feed Description.

In the Select Content part check the radio button in-front of the ‘Add Labels’ button and choose the Label that you created with all videos. Your Feed URL is complete for inserting into your InPlayer account. Copy this link and paste it in your InPlayer control panel.

Click on ‘Save’ button. Your videos will be referenced into your InPlayer account.

Step 4: Embedding Ooyala Videos

After referencing your Ooyala videos into your InPlayer control panel, you need to embed these videos on your web site. You need three things to create the embed code for the video:

  • Ooyala ContentID
  • Ooayla PlayerID
  • inplayer.pid
Ooyala ContentID and PlayerID

You can find this values in your Ooyala Control Panel. Go to the video you want to use the Paywall for and go to the Embed Tab. There you will see the values for both ContentID and PlayerID.

Publisher ID

To find your PID number, go to your InPlayer control panel. Open ‘settings’ page and you’ll find your unique Publisher ID number here.

Use of Data Capture app

To use the Data Capture app, you would need to add one extra line of code in the embed right below inplayer.publisher_id = InPlayer_PID; The code is:

inplayer.use_data_capture = true;

Recommended Reading