javascript - ionic 项目中，video标签 添加ng-src报如下图的错误，何解？

Question

请输入代码

Answer 1

ng-src就是个url为什么会有这个错！？也是奇怪了。这个问题是安全问题，防止xss攻击之类的内容校验策略。

文档在这儿

你可以先看看文档，或者再提供一些信息，譬如：detail_videoUrl里到底是什么东西，你代码怎么写的。。。。

Answer 2

跨域了吧，自己添个白名单吧。

angular.module('myApp', []).config(function($sceDelegateProvider) {
  $sceDelegateProvider.resourceUrlWhitelist([
    'self',
    //下面加上自己的
    'http://*.youku.com/**'
  ]);

  // 黑名单
  $sceDelegateProvider.resourceUrlBlacklist([
    'http://xx.com/**'
  ]);
});

---

或者自己做个钩子

app.filter('trusted', ['$sce', function ($sce) {
    return function(url) {
        return $sce.trustAsResourceUrl(url);
    };
}]);

还是这么用

<source ng-src="{{object.src | trusted}}" type="video/mp4"/>