Javascript AngularJs 未加载外部资源

发布于03月22日

使用ANGLE和Phonegap，我试图加载远程服务器上的视频，但遇到了问题.在我的JSON中，URL是以纯HTTP URL形式输入的.

"src" : "http://www.somesite.com/myvideo.mp4"

我的视频模板

 <video controls poster="img/poster.png">
       <source ng-src="{{object.src}}" type="video/mp4"/>
 </video>

我的所有其他数据都已加载，但当我查看控制台时，收到以下错误:

Error: [$interpolate:interr] Can't interpolate: {{object.src}}
Error: [$sce:insecurl] Blocked loading resource from url not allowed by $sceDelegate policy.  URL

我try 在配置设置中添加$compileProvider，但没有解决我的问题.

$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|file|tel):/);

我看到了this post about cross domain issue个，但我不确定如何解决这个问题，也不确定我应该朝哪个方向走.有什么 idea 吗？任何帮助都将不胜感激

推荐答案

这是唯一对我有效的解决方案:

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"};
});

然后在iframe中:

<iframe class="youtube-player" type="text/html" width="640" height="385"
        ng-src="{{trustSrc(movie.src)}}" allowfullscreen frameborder="0">
</iframe>

http://plnkr.co/edit/tYq22VjwB10WmytQO9Pb?p=preview个

Javascript AngularJs 未加载外部资源

推荐答案

Javascript相关问答推荐

React native在不首次加载时渲染的挂钩比上一次渲染期间渲染的挂钩更多

我想做一个程序，计算字符串中所有单词的数量

React：如何将表格收件箱正确渲染为表格主体内的组件？

如何在dataTables PDF输出中正确渲染字形？

如果没有尾随斜线，托管在收件箱中的React/Vite将无法工作

使用CDO时如何将Vue组件存储在html之外？

创建私有JS出口

Klaro与Angular的集成

Chart.js V4切换图表中的每个条，同时每个条下有不同的标签.怎么做？

防止用户在selectizeInput中取消 Select 选项

使用JavaScript重新排序行

在react js中使用react—router—dom中的Link组件，分配的右侧不能被 destruct ''

未捕获错误：[]：getActivePinia()被调用，但没有活动Pinia.🍍""在调用app.use(pinia)之前，您是否try 使用store ？""

以Angular 实现ng-Circle-Progress时出错：模块没有导出的成员

变量在导入到Vite中的另一个js文件时成为常量.

Nextjs 13.4 Next-Auth 4.2登录(&Quot；凭据&，{})；不工作

面对代码中的错误作为前端与后端的集成

触发异步函数后不能显示数据

将嵌套数组的元素乘以其深度，输出一个和

处理app.param()中的多个参数