JW Player Integration

This article provides instructions on how to integrate JW Player content into your ads.

In this article, you will learn:

How to Generate the Embed Code

How to Embed the JW Player Within Adventive

How to Generate the Embed Code

  1. In JW, navigate to the video or playlist you want to use in your Adventive ad.
  2. Copy the embed code from JW. You can get the embed code by clicking "Embed" next to any video or playlist:




  3. Copy the JavaScript code snippet. You can paste the code into a text doc to Save for later. 

    Example of JW code:

    <script src="http://content.jwplatform.com/players/RGrh6F6x-TV70nlGK.js"></script>

  

How to Embed the JW Player Within Adventive

  1. Choose the ad format and dimensions of the ad unit you wish to add the JW Player to.  For guidance on building specific formats, check out this article.
  2. From the left menu, select the components icon component HTML5 Import:

    KB-HTML5-Import2

  3. The HTML5 Import Component will be added to your ad canvas.
  4. In the right side panel, click the dropdown menu to select the "Paste Snippet" option.

    KB-HTML5-Tidal-paste-snippet

  5. Select "Open Snippet Editor":

    KB-HTML5-Tidal-Open-Snippet-Editor

  6. Paste the JW Player embed code into the Code Editor box:



  7. Click Submit. Your video preview should now display.
  8. Be sure to resize the player container if needed to avoid cutting off video content.
  9. Save and use the Ad Previewer to test positioning and size for best results.

Tracking Limitations 
As Adventive is not hosting the videos or content assets, we do not have the ability to track video data from JW embeds, including views, quartiles or any engagements with controls. This will need to be pulled from JW as they are the host.