Studio Jumpstart: Making Your First Brightcove Player

Applies to Roles
Publisher
Version
Brightcove 4
Modules
Edition
Express, Pro, Enterprise
Getting Started

This is a quick tutorial to get you started with Brightcove. In this tutorial, we'll:

  • create a player
  • upload some videos
  • make a playlist
  • assign the playlist to our player
  • put our player in a web page and publish it.

This topic includes the following sections:

Logging into the Brightcove Studio

Go to the Brightcove Studio at https://my.brightcove.com and log in with your Brightcove username and password.

Creating a player in the Publishing module

You create players using the Publishing module in the Brightcove Studio. To open the Publishing module, click the Publishing icon in the navigation header:

Studio navigation icons

Create a player

To create a player, click New Player in the toolbar at the bottom left corner of the Publishing module:

In the Create New Player dialog, name your player and select a template. In this example, we pick the Tabbed Navigation 3.0 player template.

At this point, you could edit settings and customize styles for your player. For now, we'll accept the default settings and style.

Get the publishing code

The Publishing module can instantly generate the code you use to publish your player in your web pages:

  1. Click the Get Code button in the toolbar to get the publishing code for your player. Select JavaScript
  2. In the Get Code dialog, click Copy Code. This copies the player's JavaScript code onto your clipboard.
  3. Paste the publishing code to a file. You will use this later when you place the player in an HTML page to publish it.

Create content

Go to the Media module by clicking the Media icon in the navigation header:

The All Videos view displays any videos you already have in your media library. The All Players view displays the new player you just created and any other 3.0 players you have.

  1. Click Upload Videos to add new videos to your media library. Brightcove supports most video format types and files up to 2 GB in size.

  2. Select the files you want to upload from your file system and click Start Upload. You can find some sample videos to test with here.

Make a playlist

Make a playlist that you can add to your player:

  1. Click the New Playlist button at the bottom left corner of the Media module.
  2. In the Create Playlist dialog, select Manual and give your playlist a name.

  3. Click the Add Videos button and select some videos to add to your playlist.
  4. Click Save & Close.

Add your playlist to the player

Now that you have a player and a playlist, add the playlist to the player, so that the player has some content to play.

  1. Click All Players.
  2. Select the player to add content to.
  3. Click Add Playlists and select the playlist you want to play back in the player.
  4. Click Save & Close.

Publish your player

You now have a player with a playlist assigned to play in it. Now let's publish it:

  1. Create an HTML page on your HTTP server.
  2. Open the file where you saved your publishing code.
  3. In your HTML page, paste the JavaScript code within the page's <body> tag and save your page.

You can now view your HTML page. On the page, you'll see the Brightcove player, playing the playlist you assigned to it.

What's Next...

Now that you've published your first player, explore more things you can do with Brightcove:

 

Tags
tutorial