西瓜播放器 xgplayer.js web视频播放组件_西瓜播放器 - 字节跳动出品的开源 H5 视频组件，带解析器、节省流量

一款性能优越，契合国内视频播放场景的网页视频播放工具，系西瓜视频技术部门正式发布。

关于西瓜播放器

西瓜播放器 (.js) 并非用于观看影片的工具，而是应用于网络构建的视频播放框架，同时它也是一个自成一体的界面模块，其目的在于网页中实现视频的播放作用。它具备界面层丰富的交互能力，并且兼容多种流媒体协议，包括点播和直播功能，针对 flv、hls 以及 dash 格式均可使用，特别是在 mp4 文件的点播方面非常方便，使得原本无法直接进行流式传输的 mp4 视频得以分段读取，无需事先转换文件格式，即可达成清晰度平滑调整、加载进度管理、降低视频数据传输量的目标，同时有效减少服务器的资源消耗。

.js 官网

字节跳动旗下视频业务以短视频为主，初始阶段开发团队依托 video.js 进行了再创造。后来发现许多功能无法满足标准，例如个性化界面设计、视频分辨率的无缝调整、视频数据传输消耗高等问题，因此决定自主开发一款符合业务需求的网络播放器，于2018年初发布了稳定版本，经过发展，这款播放器功能丰富，运行高效，具备全面的视频播放接口，不仅为西瓜视频、抖音、头条等网络视频服务提供支持，也被国内多家大型企业超过200个产品用于支持视频功能，是一款出色的HTML5视频播放工具。

技术特性开发上手体验和使用建议

安装这个 js 非常容易，可以通过 npm 进行安装，或者利用 cdn 引入这个 js 文件，使用起来也相当方便，只需要准备好一个占位元素，就能够完成实例化，官方网站上给出了详尽且容易理解的开发资料和代码范例。

.js 开发文档

.js 对 web 视频播放提供了极为周到的支持，即便是 ios 屏幕镜像、微信内嵌播放、微信全屏显示这类视频制作中较为棘手的难题，也能够轻松完成设置，官方更配备了多种视频播放辅助工具，观察下来几乎所有的视频相关开发诉求，都能借助这些工具得到满足。

针对功能仅会运用到极少数情况，.js设有便捷形态和仅导入播放核心两种选项，可有效压缩整体文件大小。

为了提升工作效率和编程感受，网站还配备了图形化的编程工具。

在线生成代码

音频播放支持

.js 也能播放声音文件，稍加设置就能制作出带有波形显示、歌词同步功能的音乐播放工具。

浏览器兼容

在兼容性方面，.js 支持直接播放 MP4 视频：

免费开源说明

西瓜播放器这个组件，由字节跳动制作，是一个免费的开放源代码的HTML5音视频播放工具，它遵循MIT的开源规范，允许个人和企业自由地将它运用到自己的产品中，不过有个条件，就是必须把西瓜播放器服务的Logo，放到官方网站上展示。

关注我，持续分享高质量的免费开源、免费商用的资源。