概述

在 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