html5 video/audio 标签
2024-10-19 06:00:41
一般来说推荐使用,第三方的媒体播放库【例如 videojs 等】,这些库的ui界面,js控制都已写好,功能也扩展的比较丰富 ,直接参考文档使用更加的高效!
这里还是 记录一下 html 原生 video 标签
<video>
<source> //里面可以插入一个source标签 指定 视频路径和 视频格式 【如果测试时候某些浏览器存在视频兼容问题,可以把视频转成多个格式,并写上多个source标签 提高代码的兼容性,浏览器会从上到下尝试去找并执行 source里的内容,第一个不行就下一个 直至运行ok】
</video>
<audio>
<source> //video 除了poster 封面属性 其他属性 audio都支持 且含义一致
</audio>
属性【
src=' ' //视频路径
autoplay:自动播放
controls:进度条 ,音量的控制条显示
muted:默认播放静音
poster:未播放前 视频封面
preload:设置视频的加载方式,三个属性:auto[自动,视频有多大就自动下载多大,下载好了直接可以播放],metadata【只加载关键帧】,none【什么都不加载,视频无法播放】
loop:是否循环播放
】
最新文章
- DOSBOX 自动挂载技巧
- HTML5本地存储——IndexedDB(二:索引)
- Java并发之CyclicBarrier 可重用同步工具类
- SpringMVC @RequestBody问题:Unrecognized field , not marked as ignorable
- Delphi XE5 如何与其他版本共存
- 网络(一),libevent客户端部分
- [百度空间] [转]关于Direct3D多窗口编程的一篇翻译
- CQOI2011分金币&;HAOI2008糖果传递
- SourceGrid zt
- 基于反射实现自己主动化restful开发
- bzoj1188
- hdu 4945 2048 (dp+组合的数目)
- MemoryStream和FileStream
- jmeter命令行运行-单节点
- 手机端rem自适应布局实例
- Magento 1.9.x 子分类无法访问
- Linux文件系统3--打开文件
- CentOS6.3重新加载网卡报错 Active connection path: /org/freedesktop/NetworkManager/ActiveConnection
- window系统更新导致很多服务出错
- 查询es curl命令记录
热门文章
- “Fatal error: Unable to find local grunt.” when running “grunt” command
- Renice INC:解密干型葡萄酒
- DeFi 热潮下,NGK将成为下一个财富密码
- LinkedList 的实现原理
- PBN转弯保护区作图回顾
- JavaScript中判断对象是否属于Array类型的4种方法及其背后的原理与局限性
- 彻底解决Asp.netCore WebApi 3.1 跨域时的预检查204 options重复请求的问题
- Redis Lua 脚本使用
- 用一次就会爱上的cli工具开发
- MVVM中的vm双向监听和mvc的缺点