Video.js：简洁优雅的HTML5播放器

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信息：就像变量名一样重要，方便自己也方便别人

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