How can I remove the watermark from the Chromecast receiver?

By default, the Bitmovin Chromecast receiver comes with the Bitmovin logo as a watermark in the top right corner.

It can easily be removed by following the 3 steps below:

  1. Create a new CSS file and copy/paste the following instructions:
    .bmpui-ui-watermark {
      display: none;
    }
    
  2. Host the CSS file on a HTTP web server accessible publicly and take a note of the HTTP address of the file.
  3. Provide the URL of the CSS file through the receiverStylesheetUrl field of the customReceiverConfig object in the player configuration

Example - Web SDK

    var conf = {
     key: “YOUR_KEY_HERE”,
     remotecontrol: {
      type: 'googlecast',
      customReceiverConfig: {
        receiverStylesheetUrl: 'https://mycdn.com/mycustomreceiverstyle.css',
      },
     }
    }

Example - iOS SDK

let config = PlayerConfig()
config.remoteControlConfig = RemoteControlConfig();
config.remoteControlConfig.receiverStylesheetUrl = URL(string: "https://mycdn.com/mycustomreceiverstyle.css")