Zasób zewnętrzny nie jest ładowany przez AngularJs

Korzystając z Angular i Phonegap, próbuję załadować wideo, które jest na zdalnym serwerze, ale natknąłem się na problem. W moim JSON adres URL jest wprowadzany jako zwykły adres URL HTTP.

"src" : "http://www.somesite.com/myvideo.mp4"

Mój szablon wideo

 <video controls poster="img/poster.png">
       <source ng-src="{{object.src}}" type="video/mp4"/>
 </video>

Wszystkie moje inne dane są ładowane, ale gdy patrzę na konsolę, pojawia się ten błąd:

Error: [$interpolate:interr] Can't interpolate: {{object.src}}
Error: [$sce:insecurl] Blocked loading resource from url not allowed by $sceDelegate policy.  URL

Próbowałem dodać$compileProvider w mojej konfiguracji skonfigurowanej, ale to nie rozwiązało mojego problemu.

$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|file|tel):/);

widziałemten post o problemie między domenamis, ale nie jestem pewien, jak rozwiązać ten problem lub w jakim kierunku powinienem iść. Jakieś pomysły? Każda pomoc jest doceniana

questionAnswers(9)

yourAnswerToTheQuestion