Question

• 视频音频格式的简单介绍
  • 常见的视频格式
    • 视频的组成部分：画面、音频、编码格式
    • 视频编码：H.264、Theora、VP8(google 开源)
  • 常见的音频格式
    • 视频编码：ACC、MP3、Vorbis
• HTML5 支持的格式

• HTML5 能在完全脱离插件的情况下播放音视频，但是不是所有格式都支持。
• 支持的视频格式：
  • Ogg= 带有 Theora 视频编码 +Vorbis 音频编码的 Ogg 文件
  • MEPG4= 带有 H.264 视频编码 +AAC 音频编码的 MPEG4 文件
  • WebM= 带有 VP8 视频编码 +Vorbis 音频编码的 WebM 格式

Video 的使用

• 单独用法
  • <video src="文件地址" controls="controls"></video>
• 带提示用法

< video src="文件地址" controls="controls">
您的浏览器暂不支持 video 标签。播放视频
</ video >

• 兼容用法

< video  controls="controls"  width="300">
<source src="move.ogg" type="video/ogg" >
<source src="move.mp4" type="video/mp4" >
您的浏览器暂不支持 video 标签。播放视频
</ video >

• Video 的常见属性

属性	值	描述
Autoplay	Autoplay	视频就绪自动播放
controls	controls	向用户显示播放控件
Width	Pixels(像素)	设置播放器宽度
Height	Pixels(像素)	设置播放器高度
Loop	Loop	播放完是否继续播放该视频，循环播放
Preload	load{auto,meta,none}	规定是否预加载视频。
Src	url	视频 url 地址
Poster	Imgurl	加载等待的画面图片
Autobuffer	Autobuffer	设置为浏览器缓冲方式，不设置 autoply 才有效

• Video 的 API 方法

方法	属性	事件
play()	currentSrc	play
pause()	currentTime	pause
load()	videoWidth	progress
canPlayType()	videoHeight	error