videoPlayer安卓微信浏览器上的黑边问题

[378440767 (yk378440767)]

使用videoPlayer做一个微信H5页面，其中在安卓微信端出现了如图中的问题，和苹果微信端差异很大。

根据网上的解决办法在脚本中写入
var video0 = document.getElementsByClassName(‘cocosVideo’)[0];
video0.style.zIndex = 5;
video0.setAttribute(“x5-video-player-type”, “h5”);
video0.setAttribute(“webkit-playsinline”, true);
video0.setAttribute(“x-webkit-airplay”, true);
video0.setAttribute(“x5-video-orientation”, “h5”);
video0.setAttribute(“x5-video-player-fullscreen”, true);
video0.setAttribute(“preload”,“auto”);
还是没有解决上述问题。
有没有大佬做过此类需求并解决了的，求支招！！！！

[378440767 (yk378440767)]

视频尺寸是720*1600

[378440767 (yk378440767)]

https://segmentfault.com/a/1190000008782550

[zzf_2025]

首先，视频是由帧高度和帧宽度的。如果视频的宽高缩放比例不符合帧高度和帧宽度之间的比例，就会出现视频没法完全充满窗体。

你需要输出看下两个浏览器下，videoPlayer 组件的宽高是多少。

然后在编辑器上输入 android 微信浏览器上 videoPlayer 的宽高，看看是否和 android 上的情况一样。

如果是这样的话，你需要根据比例自行调整 videoPlayer 组件的宽高。