发表于: 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标签
评论