由字节跳动西瓜视频开源的带解析器、能节省流量的 HTML5 视频播放器。可以作为 H5 组件、Vue、React 组件单独使用。它根据组件化的原则设计了一个独立的、可分离的 UI 组件。更重要的是，它不仅在 UI 层具有灵活性，而且在功能上也很大胆：它摆脱了视频加载、缓冲和格式支持。在播放器端加载视频、解析视频、转换格式，让不支持分段播放的 MP4 动态支持，这样就无须转换源视频的格式，服务器端也无其他开销。官网，示例代码：

// 安装：$ npm install xgplayer
// 第一步：

// 第二步：
import Player from \'xgplayer\';
const player = new Player({
 id: \'vs\',
 url: \'http://s2.pstatp.com/cdn/expire-1-M/byted-player-videos/1.0.0/xgplayer-demo.mp4\'
})

项目分析

仓库名称：xgplayer 标星(star)：1925 （网红级项目，高手作品，star可以走一波）

标星趋势

关注(watch)：61 拷贝(fork)：190 贡献人数：14 仓库大小：8 MB 最后更新： 代码提交周期分布：

综合推荐指数： 2星半

开发语言

主要语言：JavaScript 语言分布：JavaScript:97.28%、CSS:2.67%、HTML:0.06%

项目概述

开始

1. Install

$ npm install xgplayer

使用 Step 1: Step 2:

import Player from \'xgplayer\';
const player = new Player({
 id: \'vs\',
 url: \'http://s2.pstatp.com/cdn/expire-1-M/byted-player-videos/1.0.0/xgplayer-demo.mp4\'
})

项目地址

https://github.com/bytedance/xgplayer