AngularJs Direktive, um youtube URL zu enthalten

Question

Meine Anforderung ist es, eine Vorlage für Video, Bild oder Notiz zu erstellen. Also habe ich eine Direktive für Video erstellt und youtube URL eingebettet. Ich sehe keinen Fehler und die Konsole sieht die korrekte URL. Aber auf der Benutzeroberfläche ist leer.

Richtlinie

<ve-iframe video="item"></ve-iframe> 

app.directive('veIframe', function($compile, $sce){ 
     var linker = function(scope, element, attr) { 
      var youtubeUrl= 'http://www.youtube.com/embed/'; 
      var embed = youtubeUrl+scope.video.id.videoId; 
      console.log(embed); 
      var template = '<iframe id="player" type="text/html" width="520" height="300" ng-src="{{embed}}" frameborder="0"></iframe>'; 
      element.html(template).show(); 

      $compile(element.contents())(scope); 
     } 
     return { 
      restrict: 'E', 
      link: linker, 
      scope: { 
       video: '=' 
      } 
     } 
    }); 

Answer 1

Mein Fehler, unter Codezeile das Problem behoben

scope.embed = $ sce.trustAsResourceUrl (youtubeUrl + scope.video.id.videoId);