Adding a Brightcove Player to a Facebook Fan Page

This topic will show you how you can add a Brightcove Player to a Facebook fan page.

The example below shows a player embedded on a Facebook fan page.

Installing the Static HTML application

The process outlined below uses an application you add to your Facebook account. This application will create a tab on your Facebook page where you can then paste in static HTML that is displayed on that tab. Note that there are many other applications available that provide this functionality. The steps below assume you have a Facebook Fan Page. If not, you can go here to create one.

  1. Add the "Static HTML: iFrame tabs" application as a tab on your Fan Page. To add this application, go to https://apps.facebook.com/static_html_plus. Follow the instructions to install the app to your account.
  2. After you install the application, you should see a Welcome tab on your fan page. Click the Welcome tab.
  3. Click Set up tab. This will open up an editor where you can paste in HTML.
  4. In Brightcove Beacon, copy the Standard (iframe) embed code for the player you want to add to your Facebook Fan Page.
  5. Paste in the embed code into the Static HTML editor.
  6. Click Preview to verify that your player displays correctly.
  7. If the preview was correct, click Save & Publish to save your changes.
  8. To view the player, open your Facebook page and click the Welcome tab.

Changing the Name of the Tab

You can change the name of the Welcome tab to something more descriptive by following the steps below.

  1. Login to your Facebook account.
  2. Open your Facebook page where you added the player.
  3. Click the Settings link at the top of the page.
  4. Click Edit Page in the left navigation.
  5. Locate the Welcome tab and click Settings.
  6. Click Edit Settings.
  7. A dialog will open that will let you rename the tab. There are also options to remove it and change the icon associated with the tab. Enter a new name for the tab.
  8. Click Save and then OK.
  9. Click Save. Note that the Facebook Settings UI will still display a tab name of Welcome but the new name will appear when you view the page.

Editing the HTML code

If you need to edit the HTML code that is associated with the tab, follow these steps.

  1. Login to your Facebook account and go to your page.
  2. Click on the tab that represents your video page and then click Edit tab.
  3. Click the HTML as appropriate. Click Save & Publish when done.