概述

在 HTML5 中，我们可以通过 <video>标签直接插入mp4、mov等格式的视频，但这是浏览器默认的方式，播放的功能也比较单一，我们一般会借助第三方的视频播放器来实现丰富的播放效果。

西瓜播放器

一款带解析器、能节省流量的HTML5视频播放器，相对于 video.js，西瓜播放器能够在播放器端实现加载视频、解析视频、转换格式，让不支持分段播放的mp4动态支持，这样就无须转换源视频的格式，服务器端也无其他开销。

项目主页：
https://v2.h5player.bytedance.com/

项目代码：
https://github.com/bytedance/xgplayer

video.js

video.js 据说是目前最流行的 HTML5 视频播放器，star37K，应该所言不虚，该项目自 2010 年启动，已经在超过 70 万的网站中使用。 video.js 支持 HTML5 视频和媒体源扩展，以及其他播放技术，如 YouTube 和 Vimeo（通过插件）。它支持在台式机和移动设备上播放视频。百度网盘、慕课网的视频播放也是使用的这款插件。

官网地址：https://videojs.com/

项目代码：
https://github.com/videojs/video.js

中文文档：
https://gitcode.gitcode.host/docs-cn/video.js-docs-cn/index.html

MediaElement.js

MediaElement是一款老牌的 HTML5播放器控件，有很多知名开源库都使用了它，包括 WordPress、Drupal、Joomla、jQuery、typo3 等，MediaElement现在是WordPress核心的一部分。

项目主页：
https://www.mediaelementjs.com/

项目代码：
https://github.com/mediaelement/mediaelement

Plyr

Plyr 是一个简单的可定制的 HTML5 媒体播放器，使用原生 JavaScript 没有其他依赖。支持 YouTube 和 Vimeo 。

官方网站：https://plyr.io/

项目代码：
https://github.com/sampotts/plyr