写在前面
最近一个网站项目用上响应式布局，这也是我的第一次尝试，其实做起来也一样并没有遇到太大的问题，开始的时候可能需要大量的百度和谷歌你才能入门，当你真正去做的时候会发现很便捷。
正文开始
由于响应式布局主要是针对移动手持设备的，占有很大市场份额的不支持flash的ios要求我们在网站上播放视频时必须要使用html5的播放器，这个大家应该都能想到，使用了html5时我们必须要考虑到目前国内的大量的ie6-8的用户，因为ie6-8不支持html5，我们自然的想到了支持html5的设备使用html5，不支持html5的设备就必须要继续使用flash了，这个判断其实也很简单。
百度或谷歌一下，你会发现这个问题根本不需要我们去解决，网上有很多现成js库，这里给大家介绍两款不错的html5网页播放器，video.js 与 OSM Player：
-
1、
Video.js是一个通用的在网页上嵌入视频播放器的 JS 库，Video.js 自动检测浏览器对 HTML5 的支持情况，如果不支持 HTML5 则自动使用 Flash 播放器。视频格式兼容性比较好的视频格式是 mp4 视频编码：AVC(H264),样式都是可以控制的。
官网：http://www.videojs.com/ -
2、
OSM Player是一个基于jQuery开发、开源的HTML5多媒体播放器。当浏览器不支持HTML5时，可以转成Flash。提供播放列表，播放列表可以隐藏，支持视频全屏播放。视频格式兼容性比较好的视频格式是 mp4 视频编码：AVC(H264)
官网：http://mediafront.org/osmplayer/
转载请注明：Rockyxia Web技术博客 » html5 网页视频播放器 video.js 与 OSM Player
感谢阅读，如果您发现文章中有表述不准确，欢迎提出来，也欢迎交流相关问题，你可以去这里进行一对一问答交流。