朱如意　李连民

摘要：随着人们的生活节奏的日益加快，互联网时代的快速发展，人们会更希望利用很短的时间就可以通过小短片学处理生活中技巧等等。通过网站来存储、播放用户的视频（一般网站通有的功能）。该文就是基于HTML5的video的视频播放网站的一些关键问题进行了阐述和说明。

this.addClass（'my-example'）；

}）；

3.3 获取或设置HTML5视频播放器中视频的相关参数

当下web应用程序变得很普通加载一次完成的页面就要能够管理整个视频播放器的整个生存周期，同时可以改变播放器的音量（volume（）获取）、让播放器全屏显示（isFullscreen（））、退出出全屏会话（exitFullscreen（））、当前的播放的位置（currentTime（））、正在播放视频的总时间（duration（））以及缓冲的时间百分比（bufferedPercent（））。

4 基于HTML5Video的视频播放器的功能的实现

4.1 视频播放器的外观

我们可以看到不同的视频网站的播放器的外观都不一样，我们创建的视频播放器没有任何的修饰，只有有一些简单的样式，这样看起来有时会不舒服，我们为了达到更好的用户体验，当我们加入video-js.min.css这个样式的时候视频播放器会默认的样式，当我们使用框架的时候可能会影响视频播放器的效果，我们要抑制这种情况的发生我们需要使用window.VIDEOJS_NO_DYNAMIC_STYLE = true在video.js之前，可以通过设置它们抑制它们。创建视频播放器的样式可以覆盖默认提供的样式，通过设置这样的样式player.addClass（'vjs-matrix'）；

4.2 视频播放器资源文件的编码

由于HTML5的video标签支持的视频格式很少，总共就支持这三种格式Ogg、MPEG4、WebM。 MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器。……