发表于: 2017-06-14 23:59:02

1 1122


今天完成的事情:

1、今天将【任务视频】和【具体步骤视频】后台部分搞定了,前台完成部分任务,另外视频嵌入还未完成。

明天计划的事情:

1、将这连个story完成,另外将首页调整完成

遇到的问题:

一开始我是用vedio标签,但是老报错,并且视频链接在html无法显示出,后来查找百度,找到了原因,原来是angular里面的 ng-src会进行安全检查,服务器视频的url无法判断是否安全,所以不给通过。因此我们就放不了视频。

我们可以用$sce方法把一些地址变成安全的,告诉angular这是个安全你的url。

常用的方法有:

$sce.trustAs(type,name);

$sce.trustAsHtml(value);

$sce.trustAsUrl(value);

$sce.trustAsResourceUrl(value);

$sce.trustAsJs(value);

代码实现:

HTML:

<video id="myVideo" src="{{videoUrl(videoPath)}}" controls="controls" width="100%" height="180px">

您的浏览器不支持视频播放</video>

js:

$scope.videoPath = "http://***/..../a.mp4"

$scope.videoUrl = function (url) {

          return $sce .trustAsResourceUrl(url);

        };

收获:

学会了在angular里面使用vedio标签


返回列表 返回列表
评论

    分享到