Javascript SDK

Video Channels can be embedded using a JavaScript and HTML snippet, simply include it in your web page.

The JavaScript SDK scans the page on load, loading into each <div id="PLAYER_ID"></div> a player instance based on the element ID attribute.

Step 1: Include the JavaScript SDK on your page once (replace the ID with your real player ID).

NB: For best performance, please paste this embed script as high up as possible within your web page template.
This will ensure our SDK gets loaded as soon as possible.

Having the SDK load at the earliest opportunity will ensure your player loads as soon as it can, giving you the most amount of time to display your content and advertising.

<script>
  (function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s);
    js.id = id;
    js.src = "https://player.ex.co/player/PLAYER_ID";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'JS-ID'));
</script>

Step 2: Place the following HTML snippet wherever you want the player to appear on your page (replace the ID with your real player ID).

<div id="PLAYER_ID"></div>

HINT: Positioning your player placement element above the fold* will give you great content and ad viewability.

*Above the fold content is the part of a web page shown before scrolling.

NOTE: The player will inherit the width and height of its parent element. To ensure that the player receives the correct size, see that the parent element has the intended width and height.