最新消息:Rockyxia Web技术博客全新改版,响应式布局满足各种设备各种尺寸的访问需求。

html5 网页视频播放器 video.js 与 OSM Player

Javascript rockyxia 9455浏览 0评论

写在前面

最近一个网站项目用上响应式布局,这也是我的第一次尝试,其实做起来也一样并没有遇到太大的问题,开始的时候可能需要大量的百度和谷歌你才能入门,当你真正去做的时候会发现很便捷。

正文开始

由于响应式布局主要是针对移动手持设备的,占有很大市场份额的不支持flash的ios要求我们在网站上播放视频时必须要使用html5的播放器,这个大家应该都能想到,使用了html5时我们必须要考虑到目前国内的大量的ie6-8的用户,因为ie6-8不支持html5,我们自然的想到了支持html5的设备使用html5,不支持html5的设备就必须要继续使用flash了,这个判断其实也很简单。

html5 网页视频播放器 video.js 与 OSM Player

百度或谷歌一下,你会发现这个问题根本不需要我们去解决,网上有很多现成js库,这里给大家介绍两款不错的html5网页播放器,video.jsOSM 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
感谢阅读,如果您发现文章中有表述不准确,欢迎提出来,也欢迎交流相关问题,你可以去这里进行一对一问答交流。

(本篇完)