angular 与video标签
来源:互联网 发布:远程数据采集系统 编辑:程序博客网 时间:2024/05/29 18:32
angular 与video标签
我们在angluar
中常常使用{{ }}来对一个控制器中的变量绑定到页面(当然也不止这一种方法),所以在给video
标签的src
属性赋值的时候我们往往会不假思索的这样写:
<video id="infomedia" width='100%' height="auto" controls> <source src="{{task.video_url}}"></video>
一切看起来应该是正确的,不过即使在控制器给了task.video_url
一个正确的地址,视频还是不会显示出来,why?
后来想到angluar
不是推荐使用ng-src
么?这个不就是加强版吧…于是改成这样:
<video id="infomedia" width='100%' height="auto" controls> <source ng-src="{{task.video_url}}"></video>
然并卵…
纠结之中通过控制台打印的错误了解到,这是个安全问题。于是谷歌之:angular默认不会把一个视频地址认定为一个安全的文件地址,除非在控制器使用$sce
事先声明这个地址是可信的,当然使用前需要把这个模块注入到控制器中
方法如下:
task.video_url=$sce.trustAsResourceUrl(str)
如果str
是一个正确的视频地址,那个通过这个声明,页面中的视频就能正确播放了^.^!
0 0
- angular 与video标签
- HTML5 Audio/Video 标签属性与事件
- HTML5 Audio/Video 标签属性与事件
- video标签
- video标签
- video标签
- 音频与视频标签—audio和video
- 视频播放- video标签
- html5 video视频标签
- html5标签video
- HTML5视频标签video
- HTML5 video标签使用
- video标签调研2
- html5之video标签
- html5中video标签
- html5学习 - video标签
- html5 video标签全屏
- h5 video标签
- cocos ide win32 调试问题
- (转)嵌入式程序员应该知道的几个基本问题
- [UVA11059]Maximum Product[暴力]
- 委托默认参数
- 海量存贮设计一
- angular 与video标签
- java 让开发自动化: 用 Eclipse 插件提高代码质量
- Binary Tree Preorder Traversal
- Android Studio 导出未签名 apk
- cocos2dx的那些坑
- 关于cron和crond,crontab以及bash脚本的写法等知识 cron的语法用法
- 代码 创建按钮
- GLib-GObject-WARNING **: Two different plugins tried to register
- 使用python获取实时卫星云图