HTML5支持的视频格式:
Ogg =带有Theora视频编码+Vorbis音频编码的Ogg文件
支持的浏览器:F、C、O
MEPG4=带有H.264视频编码+AAC音频编码的MPEG4文件
支持的浏览器: S、C
WebM=带有VP8视频编码+Vorbis音频编码的WebM格式
支持的浏览器: I、F、C、O
基本用法
< video controls="controls" width="800">
<source src="where.ogg" >
<source src="where.mp4" >
您的浏览器暂不支持video标签。播放视频
</ video >
常用的属性
属性 |
值 |
描述 |
autoplay |
autoplay(可以不写) |
自动播放 |
controls |
controls(可以不写) |
向用户展示播放控件 |
width/height |
pixels(像素值:不写单位) |
设置播放器宽度/高度 |
loop |
loop |
播放完是否继续播放该视频,循环播放 |
src |
url |
视频地址 |
video的常用的API属性
属性 |
说明 |
play |
播放 |
pause |
暂停 |
muted |
静音 |
volume |
音量值 |
currentTime |
当前播放的时间,单位秒 |
ended |
返回当前播放是否结束标志 |
例子:基本结构