HTML5 引入了<video> 标签，用于在HTML文档中播放多媒体文件。新标准的方式来显示在网络上的视频，无需使用任何插件。不同的浏览器和操作系统，支持的视频格式不同。

video属性

只读属性：

• video.duration播放时长，单位s；

• video.paused初始和暂停；

• video.ended 结束；

可写属性：

• video.currentTime：时间

• video.volume ：音量

• video.muted ：音频

控制函数：

• video.play() ：播放视频

• video.pause() ：暂停暂停

HTML5 视频播放器支持视频的格式

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

支持的浏览器

Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <video> 标签。

推荐几款播放器

HTML5VisualizationPlayer

播放器可以根据音乐绘制频谱。支持谷歌浏览器和火狐不支持 IE。

IE不支持 AudioContext 对象，所以用 IE 播放的时候是看不到频谱的。

AetherPlayer

特点

自动加载 : 只需要添加引导文件，剩余的都会在运行时自动加载。

延迟加载 : 所有AetherPlayer相关文件都会在你原有页面全部完成后才会加载，完全不必担心影响原有页面的加载速度。

自定义配置 : 你可以在配置中更改默认的位置，播放模式，debug等参数。

预加载 : 播放列表中所有专辑封面图会在播放器初始化时开始顺序加载，即在播放到对应的曲目之前，封面图就已加载完毕。

Sewise Player

特点：

播放器是主要以HTML5技术为平台开发，同时兼容Flash技术，实现了跨平台各浏览器兼容的视频播放。使用Sewise Player您可以在Windows, MacOS, Linux，Windows Phone, Android, IOS等任意平台上，通过对应的浏览器播放视频。

Sewise Player使用非常简单，只要在页面对应的DIV内嵌入一个JS文件即可，播放器将通过自动识别浏览器的功能来启用HTML5或Flash模式播放视 频。您不需要掌握任何JavaScript或ActionScript编码技术就可以制作出专业的网页视频播放器。

Sewise Player即可以做为做为单一的前台播放器来在页面上播放视频和流，也可以结合Sewise Server后台技术实现专业的可交互的点播、直播视频播放。

总结

虽然Html5视频播放器还有待提升，但开源免费是未来的趋势，相信他能走的更远。