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>
 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM