angularjs - ng-src无法用于youtube嵌入视频

标签 angularjs

youtube嵌入代码有一个小问题:
<iframe ng-src="{{ emedUrl }}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
在我的 Controller 中$scope.emedUrl = "https://www.youtube.com/embed/<videId>";
嵌入代码无法正常工作。

最佳答案

我希望它能解决您的问题:

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>

关于angularjs - ng-src无法用于youtube嵌入视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63823680/

相关文章:

javascript - AngularJS $routeProvider 模板未显示在 ng-view 中

javascript - AngularJS $http POST 转为 GET

AngularJs 从人类可读的日期获取时间戳

javascript - 如何以 Angular 为模型 getter-setter 创建闭包?

javascript - 在 AngularJS 中,如何修改 ng-click 以在移动设备上触发 touchEnd?

angularjs - Angular JS 过滤器等于

javascript - AngularJs UI 路由器中的“/' is not letting the state to pass to '/{用户名 :[a-zA-Z0-9]{3, 20}}”

angularjs - 为 Angular Material 设计实现 md-data-table 是否有意义?

angularjs - 在 OnsenUI 中添加侧边菜单

angularjs 单元测试基于 promise 的服务(SQlite 数据库服务)