在Angular中使用H5的video标签遇到的坑

今天突然接到产品的需求在项目中增加视频播放的功能，于是我就自己在项目中加入H5新特性中的Video标签。

代码如下

但是死活视频也播放不了。难道要把src改为ng-src吗？

于是乎代码改写如下：

然而这样并没有什么卵用。

于是查阅资料，发现angular对与视频的url作了限制，它不认为一个完整的视频url链接是安全的。那该怎么办呢？

需要启用angular的$sce服务。

1. 需要先注入$sce服务

2.在H5中可以这样使用

3.在控制器中

 $scope.videoUrl = function (url) {
            return $sce.trustAsResourceUrl(url);
        }

就这么样，就可以播放后台返回的视频资源了。美滋滋...