搜尋結果
西瓜播放器. Xigua Video Player (HTML5) A HTML5 video player with a parser that saves traffic. Get Started Github. Features. Parsing MP4、HLS、FLV and exploring more video play controllable space. Expandable. Flexible plugin system. Automatic switch between PC and mobile. Safe whitelist mechanism. Richer. Powerful MP4 control. Seamless switch in VOD.
- Getting Started
Getting Started - Xigua Video Player (HTML5) - 西瓜播放器
- Configuration
option: width, height default value: 600, 337.5 # Fluid ...
- Plugins
Xigua Player argues that all designs are plugins, which ...
- Getting Started
一款带解析器、节省流量的HTML5视频播放器 欢迎使用西瓜播放器技术团队提供的开源音视频解决方案！请您仔细阅读以下条款。通过使用西瓜播放器，您表示同意接受以下所有
Xigua Player. Xigua Video Player (HTML5) A HTML5 video player with a parser that saves traffic. Get Started Github. Audio/video is not supported Please Try Refresh. 00:00 / 00:00. 1x. Features. Parsing MP4、HLS、FLV and exploring more video play controllable space. Expandable. Flexible plugin system. Automatic switch between PC and mobile.
6.9万次播放 · 1个月前. 西瓜视频是一个开眼界、涨知识的视频 App，作为国内领先的中视频平台，它源源不断地为不同人群提供优质内容，让人们看到更丰富和有深度的世界，收获轻松的获得感，点亮对生活的好奇心。.
- # 使用
- # 自定义样式
- # 轻量级使用
- # 兼容性
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 ExtensionsInstallation. $ npm install xgplayer. Basic Usage. Provide a dom for player container. <div id="mse"></div> Instantiation. Using NPM. import Player from 'xgplayer'; import 'xgplayer/dist/index.min.css'; let player = new Player({ id: 'mse', url: '//abc.com/**/*.mp4', height: '100%', width: '100%', }); Using CDN.
Only by mastering the underlying technologies can we have the possibility of optimization. In the context of continuously conquering the analysis of hls and flv, we have enhanced the product experience, such as interactive effects, approach animation. Until recently, we wanted to improve the documentation and open source the player's source ...
