Video.js:简洁优雅的HTML5播放器
发布在GitHub不完全装B指南2014年4月14日view:12761
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

enter image description here 封面人物:布兰登·艾奇(Brendan Eich,1964年~)

JavaScript的发明人,目前(2005年至2014年)在Mozilla公司担任首席技术长(Chief Technology Officer)。

介绍了那么多JS库,居然遗漏了这位“JavaScript之父”,真是罪过。

值得一提的是,艾奇今年只有50岁,再看看现在红遍全球的JavaScript,真是不得不让人佩服啊。


推荐指数:★★★★★

使用难度:★★★

适用范围:在网页上嵌入视频

GitHub数据enter image description here


今天给大家推荐一款HTML5播放器。

先来说说HTML5播放器和现在最常见的Flash播放器的区别吧。

最大的区别就是,Flash是浏览器的一个插件,而HTML5是浏览器内置的标准。所以无论是稳定性还是流畅性HTML5都强于Flash。虽然现在HTML5的标准还未完全确定,但是可以预见HTML5是未来发展的趋势。

举个最简单的例子,有Macbook的朋友对HTML5格式视频的需求应该是相当大的,除非你想用电脑暖手。。。

使用教程:

<video id="my_video_1" class="video-js vjs-default-skin" controls
 preload="auto" width="640" height="264" poster="my_video_poster.png"
 data-setup="{}">
 <source src="my_video.mp4" type='video/mp4'>
 <source src="my_video.webm" type='video/webm'>
</video>

具体使用时候只要修改src就可以了。

我们看看效果: enter image description here

非常的简洁大方。

Video.js还支持自定义进度条、按钮以及工具栏的底色,这点也是想的非常周到,满足不同网页的风格需求。


Video.js官网首页


GitHub Tips

今天就不讲那些需要动脑子的东西了,讲讲使用Git的一些最佳实践吧。

  • 经常提交:经常提交可以避免产生大规模冲突

  • 不要提交只做了一半的工作:否则别人如果同步可能会导致软件无法正常运行

  • 提交之前进行测试:保证自己提交的代码不是那粒“老鼠屎”

  • 写清楚commit信息:就像变量名一样重要,方便自己也方便别人

  • 使用分支:分支的重要性相信看过前几篇分支系列教程的朋友都明白

评论
发表评论
暂无评论
WRITTEN BY
GitHub不完全装B指南
可能是全宇宙最低端的GitHub使用教程,1秒学会如何用别人的库装自己的逼!
TA的新浪微博
PUBLISHED IN
GitHub不完全装B指南

介绍我自己搜集到的一些优秀开源库,希望通过自己的努力让更多的人认识GitHub,了解GitHub,最后从GitHub中受益!

力图用最轻松的方式让大家会用最牛B的库!

我的收藏