搜尋結果
快速上手. 只需三步：安装、DOM占位、实例化即可完成播放器的使用。 安装. # 最新稳定版 . $ npm install xgplayer. 对于已有项目也可以通过 CDN 引入，代码如下： <script src="//unpkg.byted-static.com/xgplayer/2.31.2/browser/index.js" type="text/javascript"></script> 注意. 生产环境使用时请在CDN地址中锁定版本，CDN使用方法参考 jsdelivr。 使用. 1. 在页面提供占位 DOM. <div id="mse"></div> 2. 实例化.
西瓜播放器 | 快速上手. 快速上手. 只需三步：安装、DOM占位、实例化即可完成播放器的使用。 安装. $ npm install xgplayer. 基本使用. 1. 在页面提供占位 DOM. <div id="mse"></div> 2. 实例化. 使用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%', }); 使用cdn.
V2-V3升级指南. xgplayerV3版本在V2的基础上设计了更加全面的插件化机制，所有的插件都有独立的API、配置信息，并且可以在播放器实例的生命周期中可以任意注销，也可以在实例初始化之后注册一个新的插件; 因为在V3版本中每一个插件都是一个完整的实例，因此 ...
2018年11月7日 · 西瓜播放器 是由中國西瓜視頻所開發維護的播放器。 xgplayer 播放器的特色有： Github 1005 顆星星 可支援多種格式、協議影片 ( MP4、HLS、WEBM、DASH..etc ) 主張播放器萬物皆組件(Plugins) 可自由使用、擴增功能 文件齊全詳細(中文) 有官方自己推出的
超过200家产品正在使用西瓜播放器. ©2021 xgplayer team. 西瓜播放器使用协议. 欢迎使用西瓜播放器技术团队提供的开源音视频解决方案！. 请您仔细阅读以下条款。. 通过使用西瓜播放器，您表示同意接受以下所有条款。. 1. 本开源项目中所有代码基于 MIT 许可协议 ...
可设置三种模式：1、fitVideoSize设置为fixWidth，表示容器宽度固定，容器高度按照视频内容比例增大或减小；2、fitVideoSize设置为fixHeight，表示容器高度固定，容器宽度按照视频内容比例增大或减小；3、fitVideoSize设置为auto，表示容器高度或宽度按照视频内容比例增大。 new Player({ el:document.querySelector('#mse'), url: 'video_url', fitVideoSize: 'auto' }); 配置项：fitVideoSize. 默认值：undefined. 参考值：'fixWidth' | 'fixHeight' | 'auto' 音量. 开发者可以为播放器预设音量大小。
西瓜播放器 | 配置. 配置. 播放器在实例化时的配置选项，开发者可以根据自己的需求进行选择性地配置。 必选配置. 选择器 id. 类型: String. 默认值: '' 播放器实例化的时候需要明确DOM的占位，video将挂载到该DOM下，播放器的尺寸与占位DOM一致，id为容器DOM的id. new Player({ id:'mse', ... }) 容器 el. 类型: HTMLElement. 默认值: null. 播放器容器id也可以用容器元素的DOM来代替，优先级低于id. new Player({ el: document.querySelector('#mse'), ... }) WARNING. id和el必选一项，播放器才可以初始化，二者同时存在，则id优先于el。
