机型: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() } |
代码片段https://developers.weixin.qq.com/s/oWAma9mZ7Db2