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

  • ElChakotay Andrich

    ElChakotay A

    10 EKİM 2013
  • kamaniusilelis

    kamaniusilel

    10 HAZİRAN 2011
  • TotalxLuna

    TotalxLuna

    27 Kasım 2011