推荐一款视频控件xgplayer

H5有了video标签之后，视频播放好像变得异常简单。之前也做个视频播放，觉得只要地址对了，很轻松就能播放了。

最近一直做关于视频播放的东西，才觉得自己就只会播放简单的，如果是直播，什么rtmp、flv、webrtc这些，都只能用第三方的。

对于video标签，我们一查，几乎都是videojs，不管什么框架的video UI，几乎都跟videojs挂钩，今天推荐一个西瓜视频的第三方插件，然后就是自己的几个小问题。本人觉得这个插件功能更强大，使用起来也比较舒服：

http://h5player.bytedance.com/examples/

支持flv、hls等点播和直播。而且还扩展了弹幕、视频清晰度切换、播放倍数等。反正暂时能用到的几乎都有。

另外就是error自定义文案设置了无效，看了源码应该是可以的，没想到要设置errorTips，我去GitHub上提了这个问题，之后加了官方群，开发这个插件的一个大佬告诉我的，他们的文档上面没有。我还问了有没有打算扩展rtmp，大佬直接说协议本身不支持，并没有打算。

而且不得不多嘴的是，这个控件的api也很不错，配置、插件、API划分的非常清楚，你要的配置都很容易能找到。还支持自定义扩展，反正应对普通的业务应该是足够了。

对于我们使用者来说videojs、mediaElementjs功能已经很强大了，字节跳动早期也都是基于videojs基础进行二次封装，后来他们团队觉得很多功能无法满足，成本也相应会高很多，于是他们就自己做了一个。

他们当初是出于在播放器端加载视频、解析视频、转换格式，让不支持分段播放的mp4动态支持，这样就无须转换源视频的格式，服务器端也无其他开销的目的去开发，只能说在不同的高度看待的角度天差地别。

这是一篇水文，最主要的目的就是想推荐xgplayer这个视频控件，别再盯着videojs了，希望有业务做视频播放的可以简单使用体验一下。

image

本文章由javascript技术分享原创和收集