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

  • Blendtec

    Blendtec

    30 EKİM 2006
  • Leigh Momii

    Leigh Momii

    10 Mayıs 2006
  • michaeljacksonVEVO

    michaeljacks

    2 EYLÜL 2009