iOS video标签 object-fit属性动态设置无效?
机型: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()} |
