7款很棒的 HTML5 视频播放器

简介: 为下一代的网页语言,HTML5 拥有很多让人期待已久的新特性,其中之一就是 video 标签,让开发者可以在网页中和添加图片一样简单的方式添加视频。在这篇文章中,我收集了7个很棒的HTML5视频播放器,你可以很容易的应用到你的网站中,文章最后还将与大家分享使用 CSS3 和 jQuery 开发一个自定义 HTML5 视频播放器的教程。

为下一代的网页语言,HTML5 拥有很多让人期待已久的新特性,其中之一就是 video 标签,让开发者可以在网页中和添加图片一样简单的方式添加视频。在这篇文章中,我收集了7个很棒的HTML5视频播放器,你可以很容易的应用到你的网站中,文章最后还将与大家分享使用 CSS3 和 jQuery 开发一个自定义 HTML5 视频播放器的教程。

VideoJS

VideoJS 是最流行的 HTML5 视频播放器,免费、开源,可使用 CSS 轻松定制皮肤,支持全屏,在不支持的浏览器自动切换为 Flash 播放。

SublimeVideo

SublimeVideo 是一个独特的基于云概念的 HTML5 视频播放器,功能强大,可惜不是免费的。

Open Standard Media (OSM) Player

由 Alethia Inc 开发,是集全功能于一体的网络播放器,非常不错。

Video for Everybody

Video for Everybody 让你在网页中嵌入一小段代码就能支持 HTML5 视频,在不支持的浏览器中自动切换为 Flash 播放。

Kaltura HTML5

Kaltura 的 HTML5 视频解决方案 – 兼容所有主流浏览器,采用独特的 fallback 机制。

FlareVideo

FlareVideo 由 Alex MacCaw 开发,他是一位Ruby/JS开发者,FlareVideo主要特色:

  • 在不支持 HTML5 视频的情况,用Flash作为替代方案
  • 可轻松自定义主题
  • 支持全屏
  • 完全开源和免费用于商业用途

Projekktor

一个免费,开源,基于 Javascript 编写的 HTML5 视频播放器,它解决了跨浏览器和兼容性问题,增加了视觉效果,并提供非常强大的功能。

使用 CSS3 和 jQuery 制作 HTML5 视频播放器

这个教程教您如果使用HTML5、CSS3和jQuery一步一步制作自己的视屏播放器,感兴趣的朋友记得收藏起来哦 :)

目录
相关文章
|
5月前
一款简约单双页版HTML源码
开源的单页个人主页纯静态源码、目前有两个主页版本:master单页版、double双页版、非常漂亮的单页HTML源码
216 1
一款简约单双页版HTML源码
|
5月前
|
移动开发 前端开发 JavaScript
15.HTML5视频播放器制作教程
15.HTML5视频播放器制作教程
157 0
|
5月前
|
小程序 前端开发 JavaScript
10.使用HTML制作网页游戏小程序
10.使用HTML制作网页游戏小程序
338 0
|
JavaScript 前端开发
html+原生js制作一个简易音乐播放器
html+原生js制作一个简易音乐播放器
148 0
HTML网页制作——制作一个属于自己的网页
HTML网页制作——制作一个属于自己的网页
136 0
HTML网页制作——制作一个属于自己的网页
|
编解码 移动开发 缓存
HTML5网页3D场景制作之Three.js初体验-制作3D字体
WebGL(图形库是一个JavaScript API)在任何连接的WebGL中渲染图形的API,Web3D和Web3D的图形应用程序,可以单独使用一个WebGL通过引入与OpenGL 2.0一致的浏览器来使用WebGL 2.0 WebGL完美地解决了现有的Web交互式三维动画的两个问题: 第一,它通过HTML脚本本身实现Web交互式三维动画的制作,无需任何浏览器插件的支持; 第二,它利用底层的图形硬件加速功能进行的图形渲染,是通过统一的、标准的、跨平台的OpenGL接口实现的。
588 1
|
Java 开发工具 开发者
那些酷炫的网页你也可以做到——第一篇(认识HTML)
那些酷炫的网页你也可以做到——第一篇(认识HTML)
160 0
那些酷炫的网页你也可以做到——第一篇(认识HTML)
|
移动开发 HTML5
HTML5音乐播放器
在线演示 本地下载
1448 0
|
移动开发 数据库 HTML5
|
Web App开发 移动开发 前端开发