1.怎样使用video
(1)<video src="文件地址" controls="controls"></video>
(2)< video src="文件地址" controls="controls">
您的浏览器暂不支持video标签。播放视频
</ video >
(3)< video controls="controls" width="300">
<source src="move.ogg" type="video/ogg" >
<source src="move.mp4" type="video/mp4" >
您的浏览器暂不支持video标签。播放视频
</ video >
2.video的常见属性
autoplay | autoplay | 视频就绪自动播放 |
controls | controls | 向用户显示播放控件 |
width | pixels(像素) | 设置播放器宽度 |
height | pixels(像素) | 设置播放器高度 |
loop | loop | 播放完是否继续播放该视频,循环播放 |
preload | proload | 是否等加载完再播放 |
src | url | 视频url地址 |
poster | Imgurl | 加载等待的画面图片 |
autobuffer | autobuffer | 设置为浏览器缓冲方式,不设置autopaly才有效 |
3.video的API属性:
autoplay | 媒体加载后自动播放 |
controller | 返回当前的媒体控制器(MediaController对象) |
controls | 显示播控控件 |
currentTime | 当前播放的时间,单位秒 (快进快退10秒) |
defaultMuted | 缺省是否静音 |
defaultPlaybackRate | 播控的缺省倍速 |
duration | 返回媒体的播放总时长,单位秒 |
ended | 返回当前播放是否结束标志 |
error | 返回当前播放的错误状态 |
initialTime | 返回初始播放的位置 |
loop | 是否循环播放 |
mediaGroup | 当前音视频所属媒体组 (用来链接多个音视频标签) |
muted | 是否静音 |
networkState | 返回当前网络状态 |
paused | 是否暂停 |
playbackRate | 播放的倍速(加速、减速播放) |
played | 当前播放部件已经播放的时间范围(TimeRanges对象) |
preload | 页面加载时是否同时加载音视频 |
readyState | 返回当前的准备状态 |
seekable | 返回当前可跳转部件的时间范围(TimeRanges对象) |
seeking | 返回用户是否做了跳转操作 |
src | 当前音视频源的URL |
startOffsetTime | 返回当前的时间偏移(Date对象) |
textTracks | 返回可用的文本轨迹(TextTrackList对象) |
videoTracks | 返回可用的视频轨迹(VideoTrackList对象) |
volume | 音量值 |