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>

 

posted @ 2020-10-21 17:17  就想来看看  阅读(724)  评论(1编辑  收藏  举报