ng-src无法用于youtube嵌入视频 [英] ng-src not working for youtube embed video

问题描述

我的youtube嵌入代码有一个小问题:

I have a small issue with youtube embed code:

< iframe ng-src ="{{emedUrl}}" frameborder ="0" allow =自动播放；加密媒体" allowfullscreen></iframe>

在我的控制器中， $ scope.emedUrl ="https://www.youtube.com/embed/<videId>";

嵌入的代码不起作用.

推荐答案

我希望它可以解决您的问题:

I hope it fix your problem:

angular.module('myApp')
  .filter('trustUrl', function ($sce) {
    return function(url) {
    return $sce.trustAsResourceUrl(url);
   };
});

然后在您的框架中:

<iframe ng-src="{{ emedUrl | trustUrl }}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

这篇关于ng-src无法用于youtube嵌入视频的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！