JW Player Integration

JW Player is popular video player that is used on over 2 million websites and streams 18 billion videos monthly. It offers many attractive features to users who want to stream media content including:

  • A JavaScript API that allows you to customize your player with event callbacks and built-in methods
  • Control over the UX and branding
  • Videos playable on all platforms
  • Streaming with HLS and DASH

KeyCDN’s video CDN can help speed up the delivery of your prerecorded or live stream media that is played to your visitors via JW Player. Visit our how-to article, Publishing an HTTP Live Stream, which explains how to configure KeyCDN to optimize your HLS media delivery.

Byte-Range Caching

Byte-Range Requests are the result of a client requesting a portion of a file from the server instead of downloading the entire file. This process is used to save both time and bandwidth for the site visitor and site owner. When using JW Player, byte range requests are especially important for seeking within media files such as Mp4 for example.

If the asset is not cached on our edge servers when the request is made, our servers download the asset in its entirety and once the specified byte-range is downloaded that section is delivered to the client. Once the file is completely downloaded and cached on our edge servers, subsequent byte-range requests will be delivered immediately from cache.

Visit our FAQ section, How Are Byte-Range Requests Cached for more information.

Simple Example for Push or Pull Zone (HTTP)

You could just copy and paste the following example and replace the bold marked strings with your information.

...
	<!-- JQuery is required! -->
	<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

</head>

<body>
    <div id="content">
        <h1>KeyCDN JW Player Demo</h1>

        <script src="http://jwpsrv.com/library/4+R8PsscEeO69iIACooLPQ.js"></script>

        <div id="my-video"></div>
        <script type="text/javascript">
            jwplayer("my-video").setup({
                autostart: false,
                file: "https://website-7.kxcdn.com/files/keycdn.mp4",
                image: "https://website-7.kxcdn.com/img/keycdn-promo.png",
                width: "530",
                height: "300",
                primary: "html",
            });
        </script>
...

For more details please visit JW Support

Leave A Comment?