Recurso externo não sendo carregado por AngularJs
Usando Angular e Phonegap, estou tentando carregar um vídeo que está em um servidor remoto, mas que deparei com um problema. No meu JSON, a URL é inserida como uma URL HTTP simples.
"src" : "http://www.somesite.com/myvideo.mp4"
Meu modelo de vídeo
<video controls poster="img/poster.png">
<source ng-src="{{object.src}}" type="video/mp4"/>
</video>
Todos os meus outros dados são carregados, mas quando olho para o console, recebo este erro:
Error: [$interpolate:interr] Can't interpolate: {{object.src}}
Error: [$sce:insecurl] Blocked loading resource from url not allowed by $sceDelegate policy. URL
Eu tentei adicionar$compileProvider
na minha configuração, mas não resolveu meu problema.
$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|file|tel):/);
eu viesta postagem sobre problemas entre domínioss, mas não tenho certeza de como resolver isso ou em que direção devo seguir. Alguma idéia? Qualquer ajuda é apreciada