How to customize Drupal media player

Overview

Kaltura’s Drupal player could be customized from the Kaltura Application studio tab at the Kaltura Management Console (KMC) application. To customize your drupal player login to the KMC (or your own hosted KMC) and switch to the Application Studio tab to create a customized player. After you save your new player, use its player ID to replace drupal’s player settings by following the steps below.

Create a widget of your own

1. Login to “Kaltura Management Console” (http://kaltura.com/kmc)
2. Go to “Application Studio” make a “New player (Single Video)” with the features that you want for your player
3. Get the “Name” and “ID” of your new player e.g. Name - “haysstreet”, ID - “1001725”

Steps to changing the player widget uiConf

You will now have to change 2 of the files that are included in the Kaltura Drupal module.

1. kaltura_client/kaltura_settings.php.
   
   'video' => array(
          'dark' => array( 'view_uiconf' => '605', 'remix_uiconf' => '604', 'preview_image' => 'dark-player.jpg' ),
          'gray' => array( 'view_uiconf' => '607', 'remix_uiconf' => '606', 'preview_image' => 'gray-player.jpg' ),
          'white-blue' => array( 'view_uiconf' => '609', 'remix_uiconf' => '608', 'preview_image' => 'white-blue-player.jpg' ),
   ),

   Open kaltura_client/kaltura_settings.php and find the $kdp_widgets array within the KalturaSettings class.

2. In the 'video' array; Add your own custom widget or adjust an existing line for the player skin you are using, e.g. if you are using the dark player skin, adjust the following line :
   
   'dark' =>array( 'view_uiconf' => '605', 'remix_uiconf' => '604', 'preview_image' => 'dark-player.jpg' ),

   to include your customized UIConf ID:

   'dark' =>array( 'view_uiconf' => 'your customized player ID', 'remix_uiconf' => 'your customized player ID', 'preview_image' => 'dark-player.jpg' ),
3. This will then show up on the admin setting of the Kaltura module (admin/settings/kaltura/kaltura_entry_settings) - Make sure the new player skin (dark skin, at the example above) is chosen in Kaltura module’s settings, within Drupal site configuration.
4. The second file to edit is Kaltura\includes\kaltura.themeing.inc on line 556.
   Change this:
   $swf_url = KalturaHelpers::getSwfUrlForWidget($wid .'_'. $uicid .'/entry_id/'. $params["entry"] .'/uiconf_id/'. $uicid);

   By removing the string .'_'. $uicid, so it looks like this:

   $swf_url = KalturaHelpers::getSwfUrlForWidget($wid .'/entry_id/'. $params["entry"] .'/uiconf_id/'. $uicid);

   You can also just replace the line by doing a copy-paste from this guide.

For advanced customization and for custom built players, refer to the KDP guides or contact Kaltura sales team.