早一段时间，有一直研究 HTML5 和 CSS3 ，自己也做了不少 Demo ，只是 HTML5 Video 和 Audio 由于自己平时比较喜欢留意不同的播放器，因此特别想做一个自己喜欢的设计，考虑到会比较花时间，所以一直没有做出完整的 Demo 。
刚好最近有灵感了，就下定决心做一个完整的视频播放器。首先放出成品：
做完这个播放器之后，感觉 HTML5 Video 提供的 API 已经很完善，考虑到一个播放器所需要的各个方面了，只是有些 API 还不被现代浏览器支持，但已被现代浏览器广泛支持的 API 已经足够 WEB 开发者很方便地开发出一个视频播放器了。
最后是完整 Demo ，这次坚持用原生 Javascript 去写，写得比较松散，不过没有了用 JS 库的臃肿，感觉还是不错的！完整代码很长，文章中就不贴代码介绍了，有兴趣的可以查看 Demo 。
本文由 Kayo Lee 发表，本文链接：https://kayosite.com/html5-css3-javascript-video-player.html
评论列表
在博客上放视频文件会不会导致流量大增超标？
绝对会的，所以要慎重放视频，最好压缩一下！
最近忙啥呢
忙工作，自己也在折腾 js ！
最近这么久没更新了
各种忙，不过其实是有在写博客的，有时间整理一下就会发表好几篇喔！
嗯，博主强悍啊
难得有这么一个长假，无论工作多么繁忙，该给自己一个借口休息下了。
祝站长国庆节快乐，工作顺利，一切顺心。
海棠果
果断下载个。晚上来玩玩。
楼主强大！顶一下，
可以借到我的网页用吗？
@volar 嗯，没问题！
这功能貌似很好啊
很不错的东西，和flash播放器比起来，应该各有优劣吧。。。
@我爱奇迹 是的，html5 video 和 flash 相比各有优势，html5 无需插件支持，性能更好，开发方便，尤其是在移动设备上无论是 flash 播放器容易出现的跳帧以及耗电严重等问题都明显减轻，但 html video 不被 IE8 及以下版本支持，flash 则具有很好的支持！
好久不来 是不是快毕业了
@刘荣焕 是的，明年6月毕业了！
就是某些浏览器支持不是很好啊
@IT小蜗牛 其实是 IE 下基本都不支持，所以如果你的网站需要做兼容 IE 的视频，这个就不适用了！
很不错的 HTML5播放器！
@微Fan 谢谢支持，播放器还有改进的地方呢，会继续完善的！
博主最近在哪里高就呢？
博主，能否指导一下，我如何在web页面上实时显示 视频播放的一些参数，比如，当前帧、抖动、丢包 什么的