Brightcove Integration with Web Content Management
2- Installation and Configuration
3- Brightcove Video Management Portlet
4- Creating File Components with Brightcove Videos
5- Streaming Videos with Brightcove Video Players
Web Content Management 8.5 provides out of the box integration capabilities with Brightcove video-cloud, leveraging the powerful cloud-based rich streaming capabilities across every connected device. This integration allows for seamless video rendering within WCM, while managing the large video files on the Brightcove cloud platform. Since the video files are stored on the Brightcove video-cloud, there is no need for content management systems to store these large files in their content repositories. The Brightcove Video Players deliver highest quality videos across all devices, while reducing the overhead for content management systems.
Installation and Configuration
Brightcove integration is available with Portal 8.5 out of the box and can be enabled with a config task. Before starting the configuration , you will need to register with Brightcove and collect your READ and WRITE tokens.
You can find your tokens under "Account Settings" -> "API Management":
Once you get your READ and WRITE tokens, run this task to configure BrightCove:
ConfigEngine.sh setup-brightcove-plugins -DBrightcove.ReadToken=readToken
Restart Portal Server.
This task installs Brightcove video management portlet and deploys it on a hidden page. It also updates WCM code to detect the Brightcove integration and allows for the videos to be inserted from Brightcode video-cloud.
You are now ready to start inserting your videos from Brightcove video-cloud into your content items.
Brightcove Video Management Portlet
Brightcove Video Management Portlet is installed by the setup task and is configured with all related properties, including the metadata, read-write tokens and the related BC URLs. This portlet is deployed on a hidden page called "Brightcove Integration UI" with unique name "ibm.portal.page.hidden.Brightcove". This page is launched when a video or playlist needs to be embedded into File Elements or File Components from WCM. It uses Brightcove API to communicate with BC video-cloud through Ajax Proxy. Ajax Proxy configuration is present in the proxy-config.xml file in Brightcove portlet application folder.
Creating File Components/Elements with Brightcove videos
After integrating WCM with Brightcove, you will see a new drop down while creating File components and File elements, which enables you to select the digital asset source. Video files can be inserted by launching the Brightcove Video Manager or the File Manager. When you select the Brightcove video manager and click on select, it launches the Bright Cove Video Manager portlet in a pop up window.
You can use this portlet to insert videos saved on Brightcove video-cloud into the File component/element :
You can also upload new videos into brightcove video-cloud directly from this portlet or launch the Video manager. When you click on "Upload Videos" you will be given an option to upload videos from your desktop to Brightcove video-cloud using the form below:
When you click 'Launch Video Manager', it will take you to the Brightcove video-cloud page url, which is configured under BC_BASE_URL in the portlet properties. From this Brightcove video-cloud you can manage your videos, update the metadata and create your playlists.
Once you insert the video in the File Component, it shows the corresponding Brightcove Media id of the asset in the details section:
You can include this File component reference in a content item or directly add a File Element in the content item.
Streaming Videos with Brightcove Video Players:
<div id="container1" class="outer-container">
<!-- Start of Brightcove Player -->
By use of this code snippet, I agree to the Brightcove Publisher T and C
found at https://accounts.brightcove.com/en/terms-and-conditions/.
<object id="myExperience_[Property context="current" type="content" field="id"]" class="BrightcoveExperience">
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#FFFFFF" />
<param name="playerID" value="***********" />
<param name="playerKey" value="**********************************" />
<param name="isVid" value="true" />
<param name="isUI" value="true" />
<param name="dynamicStreaming" value="true" />
<param name="autoStart" value="true" />
<param name="@videoPlayer" value="[Element context="current" type="content" key="VideoFile" format="videoID"]" />
You can set "autorStart" param to true to make the video to start playing on page load.
Here is the code which contains the tag to embed the video element from the content item in the PT.
where "key" is the video element from the content item. Same needs to be repeated when getting the code for tabbed playlist video player or any other player you like to use.
Here are some configurable properties of the VideoPlayer from Brightcove:
The Brightcove Video Players have the capabilities to detect the device and provide responsive sizing. For more information on responsive sizing, please refer to: