vue - 详解西瓜视频插件xgplayer自定义播放器界面布局及样式细节，强力覆盖修改西瓜播放器的CSS样式，修改播放/暂停按钮大小或图标、增加扩展按钮、修改快捷键图标、整体颜色主题、视频加载状态等

效果图

在vue2、vue3项目开发中，详解vue引入使用xgplayer西瓜视频播放器后如何修改界面样式和快捷按钮样式大小等，强力修改西瓜播放器的视频加载图标及大小、播放和暂停按钮样式、全屏按钮样式、音量调解、整体色调、进度条样式等，vue西瓜视频插件自定义播放器及功能按钮的布局排版及css详细教程，有些时候是必须要修改的（例如手机移动端H5页面竖屏视频，播放暂停按钮会非常大必须做调整），提供多种方案保证100%解决自定义样式需求。

提供详细示例代码，新手小白复制稍微改改就能用了。

方式1

首先，