转自:http://www.cnblogs.com/lhb25/archive/2011/06/27/7-great-html-5-video-player-scripts.html
作为下一代的网页语言,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一步一步制作自己的视屏播放器,感兴趣的朋友记得收藏起来哦
您可能还喜欢
25个让人惊叹的 HTML5 应用实验
推荐21款最佳 HTML 5 网页游戏
推荐18个基于 HTML 5 Canvas 开发的图表库
8个惊艳的JavaScript WebGL 应用实验
九个让人难以置信的HTML5和JavaScript实验
编译来源:梦想天空-分享Web开发技术和设计资源
国际来源:7 Great HTML 5 Video Player Scripts
分享到:
相关推荐
基于 video_player 和 Chewie 的高级视频播放器。 它解决了许多典型的用例,并且易于运行。 介绍 这个插件基于Chewie 。 Chewie 是一个很棒的插件,在很多情况下都能很好地工作。 Better Player 是 Chewie 中...
然后,为了提供与IE和旧浏览器的兼容性,您可以使用Flash视频播放器添加视频的后备Flash版本。 最后,您提取海报的图像,并编写批处理代码以将所有图像组合在一起...相当复杂吗? 用EasyHTML5Video忘了它吧! 将...
SWF是ShockWave Flash的缩写,它是Adobe Flash的输出格式,用于在网页上展示交互式内容,包括动画和视频播放器。V CAST R22可能是一个特定版本的Flash播放器或组件,设计用于支持FLV流媒体的播放。 至于"1.txt"文件...
<media> 媒体播放器的舞蹈服。 :man_dancing: 使用Web组件(本机自定义元素)的完全可自定义的媒体播放器控件。 与任何JavaScript框架兼容(React,Angular,Svelte等) 与<video>和<audio>元素以及...
为 mov、mp4、webm 和 ogg 文件添加 HTML5 视频播放器。 提供文件的直接链接。 提供文件的 torrent 下载,因为,为什么不呢?堆它几乎是简单的 html + css + javascript。 它使用因为我有点想尝试一下,到目前为止...
工具通过HTML5嵌入视频,可以广泛地支持移动设备,如iPhone,ipad或Android手机等。您也不必担心兼容旧浏览器的问题,因为它设置了回避不支持HTML5元素的功能。 集成ZOO Widgetkit和ZOO可以相互桥接!这是我们被要求...
它没有搜索功能,视频播放器很小,要弄清楚接下来要看什么,难度比应该要困难得多。 幸运的是,他们提供了所有视频数据的清单,这些视频数据已硬编码到所服务HTML中! 这是一个小型的React应用,可在一个漂亮的...
42. JQuery Media Plugin:多媒体播放器插件,支持音频和视频。 43. JQuery JFlot:基于Flot的图表插件,用于数据可视化。 44. Horizontal Accordion:水平折叠效果,适用于展示分类或菜单。 45. Accessible slider...
Flex Panel Gallery - 06 - 提前输入 - 07 - Array Cardio 第 2 天 - 08 - 有趣的 HTML5 Canvas - 09 - Dev Tools Domination - 10 - 按住 Shift 并选中复选框 - 11 - 自定义视频播放器 - 12 - 按键序列检测 - 13 -...
我知道这很困难,但是GIF需要几秒钟的时间7:GIF准备好了,单击“保存GIF”按钮! 有关GIFit!的注意事项:-仅当YouTube处于HTML5模式时才起作用,我认为这是Chrome目前的默认模式。 -YouTube上的某些视频强行使用...
很棒的星星 我的GitHub明星精选清单! 由产生 内容 埃尔朗 F# 去 HTML 车把 哈斯克尔 JSONiq Java JavaScript Jupyter笔记本 Kotlin a 生成文件 降价促销 尼克斯 OCaml 物镜 目标C ++ 其他 PHP Perl 电源...
很棒的0data 拥有数据的资源100%应用 :非线性个人Web笔记本。 :通过wifi即时共享图像,视频,PDF和链接。 :没有帐户的浏览器中的视频通话。 :没有帐户的浏览器中的视频通话。 :通过人工智能将人声与音乐分开。...
此扩展程序是对真棒hlsjs库的包装:https://github.com/dailymotion/hls.js单击扩展程序图标,您可以播放当前页面中嵌入为视频html元素的任何m3u8。 新增:输入m3u8,然后按Tab,然后输入m3u8 URL来播放扩展名中的...
很棒的小部件(前 pytextmonitor)信息一组简约的小部件,看起来像 Awesome Window Manager 小部件。 注意特征简单且完全可配置的原生 Plasma 小部件,可用作 Conky 小部件或类似 Awesome 的信息面板显示活动桌面...