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 |
音量值 |