Stream Cloud Files with JW Player
The JW Player has a commercial license, which means you must purchase it from Longtail Video.
Supported media formats for JW Player:
- Streaming with ability to jump around: MP4, AAC, and FLV
- Progressive Download: MP3
- Streaming with ability to jump around: MP4, MOV, and FLV
Upload JW Player 6 to Cloud Files
Unzip the file and upload it to a Cloud Files container.
Note: You can upload the player to the container that holds your media or to another container.
Download the Akamai Advanced JW Player Provider plugin files for JW Player 6.
Unzip the plugin files and upload them to the same container as the JW Player.
Confirm that the container that holds your player and plugin are CDN-Enabled. If it is not, you may enable it through the Cloud Control Panel or through the API.
From the Cloud Control Panel:
1. Click the gear icon next to the container's name. 2. Select **Make Public (Enable CDN)**. 3. Click **Publish to CDN** to confirm.
From the API, see the API Dev Guide section, “CDN-Enable a Container”.
Add JW Player 6 to your web page
There are three HTML elements that you must add to your web page for JW Player to work:
script element that points to the player
div that positions the player
script that calls the player and the media
- Add a
scriptelement to the
headof your HTML that points to the jwplayer.js file.
For this step, you need the link to the jwplayer.js file you uploaded to the Cloud Files container. To get the link from the Cloud Control Panel:
1. Open the container where you uploaded the plugin. 2. Locate the **jwplayer.js** file in the Object List. 3. Click the gear icon next to the plugin file. 4. Click **View All Links**. 5. Copy the HTTP link. 6. Replace **/path/to/jwplayer.js** in the text below with the link you copied.
Use the following
script element, substituting in the link to your jwplayer.js file:
- Add a
divelement to your HTML page with a unique ID attribute value, such as “player”.
The “Loading the player…” text can be whatever text you would like to display while the player loads.
<div id="player">Loading the player...</div>
- Add a
scriptelement right below the
divyou created in Step 2. This adds the JW Player and your media to your page.
script uses the following attributes:
Continue the conversation in the Rackspace Community.
©2018 Rackspace US, Inc.
Except where otherwise noted, content on this site is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License