Captions

You can display captions when playing video content.

To handle captions, you must add the AdobePSDK.PSDKEventType.CAPTIONS_UPDATED event listener:

...
player.addEventListener(AdobePSDK.PSDKEventType.CAPTIONS_UPDATED,
                        onCaptionsUpdateEvent);
...
function onCaptionsUpdateEvent (event) {
  // code to show the captions icon and any settings button.
<pre>
   For example:
  var btnCC = document.getElementById("btn_captions");
   btnCC.classList.remove("invisible");

  var btnSettings = document.getElementById("btn_settings");
   btnSettings.classList.remove("invisible");
 }
</pre>

The UI Framework provides a default captions behaviors implementation, which can be modified. Closed captions behaviors can also be modified by extending default closed captions behaviors. For example:

// Using UI Framework
var playerWrapper = ptp.videoPlayer(‘.videoDiv', {
player:{
    mediaResource: 'Specify Resource URL',
    ccStyle: {
    font:AdobePSDK.TextFormat.CURSIVE,
    fontColor:AdobePSDK.TextFormat.BRIGHT_WHITE,
    edgeColor:AdobePSDK.TextFormat.BLUE,
    backgroundColor:AdobePSDK.TextFormat.BLACK,
    fillColor:AdobePSDK.TextFormat.BLUE,
    size:AdobePSDK.TextFormat.MEDIUM,
    fontOpacity:100,
    backgroundOpacity:1,
    fillOpacity:1
   }
 }

});

On this page