影音多媒体
video元素(视频)
<video controls="controls" width="500" height="300" src="" autoplay="autoplay" ></video>
audio元素(音频)
<audio controls="controls" src="" autoplay="autoplay"></audio>
preload属性(预加载):
none不进行预加载
metadata只预加载媒体的元数值
auto(默认值)预加载全部
poster属性(video独有):
视频不可播放时,用图片代替
poster=“video.jpg
loop属性(循环播放:):
loop=“loop”
error属性:
返回错误状态
1=MEDIA_ERR_ABORTER 取回过程中被用户终止
2=MEDIA_ERR_NETWORK 下载时发生错误
3=MEDIA_ERR_DECODE 解码时发生错误
4=MEDIA_ERR_SRC_NOT_SUPPORTED 媒体不可用或不支持
networkState属性:
网络状态
0=NETWORK_EMPTY 未初始化
1=NETWORK_IDLE 活动的且已选取资源,但未使用网络
2=NETWORK_LOADING 浏览器正下载数据
3=NETWORK_NO_SOURCE 未找到音视频来源
source元素指定多个播放格式与编码
<video >
<source src="" type="video/mp4"/>
<source src="" type="video/webm"/>
<source src="" type="video/ogg"/>
<source src=""/>
</video>
本文详细介绍了HTML中的video和audio元素的使用方法,包括各种属性如controls、autoplay等,以及如何处理不同格式的媒体文件。同时讲解了preload、loop等属性的作用,并提供了错误处理和网络状态监测的方法。

1万+

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



