angular video播放问题

h5播放器在使用过程中,video 标签常规动态赋值src 失效;解决方案通过过滤器解决。

1.app.js 中添加过滤器

app.filter("trustUrl", ['$sce', function ($sce) {
return function (recordingUrl) {
return $sce.trustAsResourceUrl(recordingUrl);
};
}]);

2.在html页面中使用

<video controls>
<source src="{{item.source_url | trustUrl}}" id="videoSourceO"
type="video/mp4">
<source id="videoSourceT"
type="video/ogg">
您的浏览器不支持 HTML5 video 标签。
</video>


原文地址:https://www.cnblogs.com/youngMan-MrS/p/13853565.html