SORU
22 Ocak 2014, ÇARŞAMBA


Dış kaynak AngularJs tarafından yüklenmemiş

Açısal ve ™ kullanarak, uzak bir sunucuda ama bir sorunla karşılaştım bir video yüklemeye çalışıyorum. Benim json, url, sadece düz bir http url olarak koy

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

Benim video şablonu

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

Diğer tüm verilerimi içti ama benim konsol baktığımda, bu hata alıyorum:

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

Benim yapılandırma $compileProvider kurmak ama benim sorunu çözemedi ekleyerek denedim.

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

Bu nasıl çözüleceği ya da içeri mi girsem ne olduğundan emin değilim ama this post about cross domain issues gördüm. Herhangi bir fikir? Herhangi bir yardım için teşekkür ederiz

CEVAP
22 Mart 2014, CUMARTESİ


Bu benim için çalıştı tek çözümdür:

var app = angular.module('plunker', ['ngSanitize']);

app.controller('MainCtrl', function($scope, $sce) {
  $scope.trustSrc = function(src) {
    return $sce.trustAsResourceUrl(src);
  }

  $scope.movie = {src:"http://www.youtube.com/embed/Lx7ycjC8qjE", title:"Egghead.io AngularJS Binding"};
});

İframe içinde:

<iframe class="youtube-player" type="text/html" width="640" height="385" ng-src="{{trustSrc(movie.src)}}" allowfullscreen frameborder="0">

http://plnkr.co/edit/tYq22VjwB10WmytQO9Pb?p=preview

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Chuck Testa

    Chuck Testa

    14 AĞUSTOS 2011
  • TheJoeycool2010

    TheJoeycool2

    12 Temmuz 2010
  • UnboxTechnology

    UnboxTechnol

    20 Ocak 2011