小程序 video播放视频时,全屏播放时显示不全,下面少显示一部分?
发布于 4 年前 作者 xiuyingtang 9548 次浏览 来自 官方Issues

全屏播放时，在所有手机上都显示不全，底部少显示一部分，本来是有文字显示的，全屏播放时，文字显示一半，而且我在style中设置height全屏后就不起作用了

<video id="myVideo" class= "course_video" src='http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400' objectFit='cover' show-center-play-btn controls page-gesture = "true" enable-progress-gesture = true >

  </video>

这是代码，可以直接粘贴到代码中 真机调试，在全屏（横屏）播放时，下面的字显示不出来，可以全屏和非全屏对比一下

2 回复

尝试设置object-fit属性？

<video id="myVideo" wx:if="{{isVideo}}" class= "course_video" src='{{videoInfo.playInfoLists[0].playURL}}' objectFit='cover' show-center-play-btn controls poster="{{videoInfo.coverUrl}}" page-gesture = "true" enable-progress-gesture = true bindplay="bindPlayVideo" bindpause="bindpauseVideo" bindended="bindendedVideo" bindtimeupdate="bindtimeupdate" >

            </video>

回到顶部