iOS video标签 object-fit属性动态设置无效?
发布于 6 年前 作者 fangzheng 14990 次浏览 来自 官方Issues

机型:iphone xs

微信版本:7.0.5

问题描述:iOS video标签 object-fit属性动态设置无效。现在调用视频全屏方法后,设置objectFit为 contain无效

期望:视频在页面内播放的时候objectFit 是 cover。当调用视频全屏方法后,设置objectFit为 contain。

html代码:

<video custom-cache="{{false}}" id="myVideo" src="{{src}}" objectFit="{{ objectFit }}" direction="{{ 0 }}" bindfullscreenchange="screenChange"></video>

<view>

<button catchtap="playVideo">播放</button>

<button catchtap="fullScreen">全屏</button>

</view>

js处理逻辑:

// 系统全屏变化事件
screenChange(e) {
  // 如果退出全屏,则设置 cover
  if (!e.detail.fullScreen) {
    this.setData({
      objectFit: 'cover'
    })
  }
},
// 按钮点击 播放视频
playVideo() {
  console.log(this.data.objectFit)
  this.videoContext.play()
},
// 按钮点击 全屏
fullScreen() {
  this.setData({
    objectFit: 'contain'
  })
  this.videoContext.requestFullScreen()
}
回到顶部