html5支持的视频格式：
ogg=带有theora视频编码+vorbis音频编码的ogg文件
支持的浏览器:f、c、o
mepg4=带有h.264视频编码+aac音频编码的mpeg4文件
支持的浏览器: s、c
webm=带有vp8视频编码+vorbis音频编码的webm格式
支持的浏览器: i、f、c、o
video属性
autoplay 视频就绪自动播放
controls 向用户显示播放控件
width 设置播放器宽度
height 设置播放器高度
loop 播放完是否继续播放该视频，循环播放
preload 是否等加载完再播放
src 视频url地址
poster 加载等待的画面图片
autobuffer 设置为浏览器缓冲方式，不设置autoply才有效
video api方法
play()
pause()
load()
全屏: webkit element.webkitrequestfullscreen();
firefox element.mozrequestfullscreen();
w3c element.requestfullscreen();
退出全屏：
webkit document.webkitcancelfullscreen();
firefox document.mozcancelfullscreen();
w3c document.exitfullscreen();
video api属性
currenttime : 开始到播放现在所用的时间
duration : 媒体总时间(只读)
volume : 0.0-1.0的音量相对值
muted : 是否静音 false /true
paused : 媒体是否暂停(只读)
ended : 媒体是否播放完毕(只读)
error : 媒体发生错误的时候，返回错误代码 (只读)
currentsrc : 以字符串的形式返回媒体地址(只读)
loadstart progress suspend emptied stalled play pause loadedmetadata loadeddata waiting playing canplay canplaythrough seeking seeked
timeupdate ended ratechange durationchange volumechange
html5支持的音频格式：
ogg 免费 支持的浏览器:c、f、o
mp3 收费 支持的浏览器: i、c、s
wav 收费 支持的浏览器: f、o、s
audio 属性
autoplay 自动播放
controls 向用户显示播放控件
loop 循环
preload 是否等加载完再播放
src 要播放的音频的 url。
相信看了这些案例你已经掌握了方法，更多精彩请关注其它相关文章！
相关阅读：
js获取获取样式的常见方式
js操作dom对象的流程
js操作window窗口对象的实现步骤
以上就是html5视频音频实现步骤的详细内容。