Eu tenho um simples jogador html5, implementado com videoJS. Para recuperar corretamente os arquivos de origem do servidor, preciso definir um cabeçalho personalizado na solicitação do vídeo.

Como o aplicativo usa AngularJS, implementei um Interceptor para definir o cabeçalho:

myApp.factory('headerInterceptor', function () {
  return {
    request: function (config) {
        config.headers['my-header'] = 'test';
        return config;
    }
  };
});

myApp.config(['$httpProvider', function($httpProvider) {
    $httpProvider.interceptors.push('headerInterceptor');
}

O problema é que a chamada para o vídeo não é capturada por ele, portanto, nenhum cabeçalho está definido (embora seja para outros recursos). Então angular não carrega os vídeos. Não é grande surpresa nisso. Verificando a guia Rede nas ferramentas do desenvolvedor, descobrimos que o videoJS inicia a chamada:

Mas encontrar o meu caminho no plug-in videoJS tem sido difícil e não é possível encontrar onde as chamadas são feitas. Só estou pensando, existe uma maneira simples de definir o cabeçalho para esta chamada? não importa se é javascript simples, ou através do plugin videoJS angular ou mesmo modificador.