Integrating Social Sharing with Brightcove Web & Smart TV SDK

Overview

The Social Sharing Integration enables the inclusion of social sharing buttons within your media player, facilitating easy sharing of content on social networks like Facebook, Twitter, Pinterest, and LinkedIn. This feature enhances viewer engagement and promotes content virality.

Prerequisites

• A Brightcove account with access to Video Cloud.

• The Brightcove Web & Smart TV SDK installed in your project.

Usage Example

1. Import the Player (with UI) class from the Brightcove SDK.

   import { Player, IntegrationsManager } from '@brightcove/web-sdk/ui';
               

2. Import the Social Sharing Integration class from the Brightcove SDK.

   import { SocialSharingIntegrationFactory } from '@brightcove/web-sdk/integrations/socialSharing';
               

3. Import the Social Sharing Integration CSS from the Brightcove SDK.

   import '@brightcove/web-sdk/integrations/socialSharing/styles';
               

4. Create and Configure the Player.

   const player = new Player({accountId:'<account-id>'});
   
   
    player.updateConfiguration({
      integrations: {
        socialSharing: {
          title: 'Social Sharing Overlay Title',
          description: 'Overlay description...',
          services: {
            facebook: true,
            twitter: true,
            tumblr: false,
            pinterest: false,
            linkedin: false,
          },
          // etc
        },
      },
    });

5. Attach the player to a mount root (DOM element in the page):

   const root = document.querySelector('#player-mount-root');
    player.attach(root);
                   
               

Configuration Summary

This section provides detailed information about the various configuration options available for Social Sharing Integration when using the Web & Smart TV SDK.