#什么是西瓜玩家?
Xgplayer是一个来自字节跳动的开源网络视频播放器库(现在它也支持音乐播放)。它基于一切都是组件化的原则,设计了一个独立的、可分离的UI组件。更重要的是,它不仅UI层灵活,功能上也大胆:摆脱了对视频依赖的视频加载、缓冲和格式支持。特别是在mp4上,它可以分阶段加载,因为它不支持流式mp4。这意味着清晰无缝的切换、负载控制和视频保存。它还集成了对FLV、HLS和破折号的按需和实时支持。
优势总结:上手简单,API丰富,官方文档完善,自定义UI。不逊色于video.js、mediaElement.js等老视频播放器
官方网站:http://h5player.bytedance.com
https://github.com/bytedance/xgplayer
#快速开始。
安装
npm安装xgplayer
现有项目也可以通过CDN引入。代码如下:
使用
1\. 在页面提供占位 DOM
2\. 实例化
从“xgplayer”导入播放器;让玩家=新玩家
只需两步即可完成最简单的视频播放(mp4点播),播放器提供了丰富的配置选项,如自动播放、映射、音量控制、内置控制关机等。
如果想完成直播功能,播放器会自动识别直播或回放。
#插件
西瓜视频播放器主张所有设计都是插件,从播放按钮到直播功能。为了更好地定制播放器,完成自己的事业,了解插件机制非常重要。播放器本身有很多内置插件,比如错误报告、加载、重播等。如果想自定义效果,可以关闭内置插件,自己开发。
默认情况下,插件是自启动的。如果自定义插件不想自己启动或者改变播放器的默认执行机制,建议通过继承播放器类来开发。
地址:http://h5player.bytedance.com/plugins/#内置插件。
插件列表:
# API
这里只列出了大概的列表,具体的API文档地址:http://h5player.bytedance.com/api/#属性。