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 |
音量值 |
本文深入解析了HTML5 video标签的基本用法及其常见属性,并详细介绍了与视频播放相关的API属性,包括自动播放、控制面板、当前播放时间、静音状态、循环播放等特性。
6988

被折叠的 条评论
为什么被折叠?



