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

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

<video id="myVideoclass= "course_videosrc='http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400objectFit='cover' show-center-play-btn controls page-gesture = "trueenable-progress-gesture = true >

  </video>

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

2 回复

尝试设置object-fit属性?

<video id="myVideowx:if="{{isVideo}}class= "course_videosrc='{{videoInfo.playInfoLists[0].playURL}}objectFit='cover' show-center-play-btn controls poster="{{videoInfo.coverUrl}}page-gesture = "trueenable-progress-gesture = true bindplay="bindPlayVideobindpause="bindpauseVideobindended="bindendedVideobindtimeupdate="bindtimeupdate" >

            </video>

回到顶部