xgplayer icon indicating copy to clipboard operation
xgplayer copied to clipboard

uniapp 使用 xgplayer属性 fluid: true黑屏,fluid: fasle,播放器容器比当前屏幕大很多,无法完全显示视频

Open lijingxian1991 opened this issue 1 year ago • 3 comments

lijingxian1991 avatar Dec 05 '23 09:12 lijingxian1991

换个插件 哥哥

Gs19990801 avatar Dec 07 '23 09:12 Gs19990801

3版视频尺寸和封面尺寸有点问题,不要使用fluid,已经给官方反馈了,目前我在uniapp中处理方式如下:

  1. 视频无法充满容器,经个人测试设置fitVideoSize和videoFillMode无效,样式覆盖无效 解决方法:设置videoAttributes:{width:'100'%,height:'100%'},直接修改原视频属性
  2. poster封面无法充满容器,导致视频可能漏一部分,比较难看,原因是官方样式中background-size:100% auto 解决方法:个人测试样式覆盖无效,直接修改官方样式文件,调整为background-size:100% 100%

woxiaoyao81 avatar Dec 20 '23 03:12 woxiaoyao81

我是根据上面大哥 也是直接给video 加原生样式了 if(this.isMobileDevice){ videoAttributes={ crossOrigin: "anonymous", style:width:${this.width};height:${this.height};position:absolute;top:0;left:0; } }else{ videoAttributes={ crossOrigin: "anonymous", } }

zcj409861716 avatar Dec 28 '23 06:12 zcj409861716

This issue is stale because it has been open 90 days with no activity. Remove stale label or comment or this will be closed in 30 days.

github-actions[bot] avatar Mar 27 '24 07:03 github-actions[bot]

This issue has been automatically closed after a period of inactivity. If it is still present in the latest release, please create a new issue with up-to-date information. Thank you!

github-actions[bot] avatar Apr 26 '24 07:04 github-actions[bot]