收藏
回答

object-fit="contain" <video> 标签内的视频切换比例时不能自适应?

背景:

  1. 一条视频中,有16:9 的视频片段,也有 4:3 的视频片段
  2. <video>  设置的 object-fit="contain" 
  3. <video> 标签的高度设置为 562rpx,宽度为设备宽度,即宽高比为 4:3
  4. 视频一开始播放 16:9 的片段时,<video> 标签内上下留有黑边

问题:由 16:9 的片段播放至 4:3 的片段时,4:3 的视频流的高度被压缩了(宽高与16:9)一致

期望:由 16:9 的片段播放至 4:3 的片段时,视频展示高度应该加高,达到 4:3 的展示比例

ps:上述问题在「微信小程序模拟器」上未出现异常

回答关注问题邀请回答
收藏
登录 后发表内容