<video>和<audio>标签,对视频和音频的支持
2024-08-28 04:15:24
H5新增了<video>和<audio>标签,提供对视频和音频的支持
<audio>的属性与<video>属性相同
<video>
video之间识别多个source标签,可以链接不同的视频资源,浏览器取最近的一个可识别的视频资源:(比如Safari只识别MP4,所以Safari取的是第二个source标签)
<video width="240" height="320" controls="controls" autoplay="autoplay" loop="loop" poster="xx.jpg">
<source src="xx.ogg" type="video/ogg">
<srouce src="xx.mp4" type="video/mp4">
Your browser doesn't support <video> tag.
<video>
width: 设置视频显示的宽度
height: 设置视频显示的高度
controls: 用于控制视频的播放、暂停、音量等的显示
autoplay: 视频就绪后,就直接播放
loop: 控制视频是否能循环播放
poster: 规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。
muted: 规定视频被静音
preload: 页面加载的时候,视频同时也加载,并预备播放。但是当有autoplay参数时,忽略该参数
src: 视频资源链接
type: 视频类型
提示:可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支持该标签的信息。
视频格式
当前,video 元素支持三种视频格式:
格式 | IE | Firefox | Opera | Chrome | Safari |
---|---|---|---|---|---|
Ogg | No | 3.5+ | 10.5+ | 5.0+ | No |
MPEG 4 | 9.0+ | No | No | 5.0+ | 3.0+ |
WebM | No | 4.0+ | 10.6+ | 6.0+ | No |
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
音频格式
当前,audio 元素支持三种音频格式:
IE 9 | Firefox 3.5 | Opera 10.5 | Chrome 3.0 | Safari 3.0 | |
---|---|---|---|---|---|
Ogg Vorbis | √ | √ | √ | ||
MP3 | √ | √ | √ | ||
Wav | √ | √ | √ |
最新文章
- C# 构造post参数一种看起来直观点的方法[转]
- luogu1003铺地毯[noip2011 提高组 Day1 T1]
- 实现可以滑动的GrildView,类似美团网首页的GrildView功能菜单
- JS模式:Mixin混合模式,=_=!就是常见的Object.create()或者_extend()
- 百度BAE环境下WordPress安装教程
- 验证码 mewebstudio/captcha
- Create STATISTICS,UPDATE STATISTICS
- maven+jetty项目在tomcat部署
- C++求二叉树的最大高度差
- EC读书笔记系列之14:条款26、27、28、29、30、31
- Android采用Application总结一下
- Centos中压缩(zip)和解压(unzip)命令
- PLSQL配置怎么连ORACLE
- Linux基础学习笔记1
- EXCEL词典(xllex.dll)文件丢失或损坏解决方法
- Asp.net WebAPI Request参数验证-请不要重复造轮子
- 用 C# 计算 与 java 一致的unix时间戳 (长时间整形 如:1476956079961)
- Day 27 类的进阶-反射
- 2018Java年底总结
- mysql 统计 group by 之后的 group 的个数