搜尋結果
一款带解析器、节省流量的HTML5视频播放器 西瓜播放器 HTML5 video video.js 播放器 HTML5播放器 mp4 hls hls.js flv flv.js dash dash.js 无缝切换 快速上手 配置 插件 API 音乐播放器 示例 在线生成 工具 关于 中文 中文 English 快速上手 配置 插件 API 音乐播放 ...
- # 使用
- # 自定义样式
- # 轻量级使用
- # 兼容性
1. 在页面提供占位 DOM 2. 实例化 就两步完成最简单的视频播放（mp4点播），播放器提供了较丰富的配置选项，如自动播放、贴图、音量控制、内置控件关闭等等，更多配置参考 配置。 如果想完成直播的功能，播放器会自动识别直播或回放，更多内容请参考 示例。
不同业务对播放器样式有不同的需求，通过以下3步可实现播放器样式的完全自定义开发。 1. 命令行输入npx xgplayer eject [targetDir] [skinName]实现将播放器样式相关代码复制到指定相对路径[targetDir]下的.xgplayer/skin文件夹中，然后就可以任意修改实现自定义样式了。[skinName]为自定义样式名，可不输入。 2. 业务代码中引入播放器时也把自定义样式的入口文件引入，例如： 1. 复制出来的播放器样式源码中包含scss和svg类型文件，需要构建工具进行相应的支持，譬如webpack打包前需要安装配置sass-loader和raw-loader
使用xgplayer会默认引入所有播控插件，导致包体积较大。xgplayer@2.19.0及以上播放器版本开始支持轻量级使用方式，可以从播放器播控插件库中按需选择加载相应的插件。 目前提供以下2种轻量使用方式：
PC Web端支持直接播放mp4视频，播放HLS、FLV、MPEG-DASH需要浏览器支持Media Source ExtensionsiOS系统Web场景支持直接播放mp4和HLS，不支持播放FLV、MPEG-DASH安卓系统Web场景支持直接播放mp4和HLS，播放FLV、MPEG-DASH需要浏览器支持Media Source Extensions两步即可完成最简单的视频播放（mp4点播），播放器提供了较丰富的配置选项，如自动播放、贴图、音量控制、内置控件关闭等等，更多配置可参考 配置。
西瓜视频是一个开眼界、涨知识的视频 App，作为国内领先的中视频平台，它源源不断地为不同人群提供优质内容，让人们看到更丰富和有深度的世界，收获轻松的获得感，点亮对生活的好奇心。
V2-V3升级指南. xgplayerV3版本在V2的基础上设计了更加全面的插件化机制，所有的插件都有独立的API、配置信息，并且可以在播放器实例的生命周期中可以任意注销，也可以在实例初始化之后注册一个新的插件; 因为在V3版本中每一个插件都是一个完整的实例，因此 ...
全新的播放器按钮摆放插槽机制，让你无需担心按钮的位置，只需要设计好按钮出现的位置、顺序，无需修改样式即可将按钮妥善定位。 同时提供了左、右两个新的插槽位置，让你可以将按钮轻松放置在画面的左右两侧.
