微信小程序 获取视口高度
获取视口高度 可用于设置视频全屏显示效果 及其他效果显示
- js中:(可以在onLoad中直接使用,或写入方法中)
let that = this;
wx.getSystemInfo({
success: function (res) {
let clientHeight = res.windowHeight;
let clientWidth = res.windowWidth;
let ratio = 750 / clientWidth;
let height = clientHeight * ratio;
that.setData({
height: height
});
}
});
- wxml中:
<view class="videoPlay">
<video id="video" src="{{视频路径}}" autoplay='true' loop='true' enable-progress-gesture
show-center-play-btn enable-play-gesture='true' style="height:{{height + 'rpx'}}">
</video>
</view>
- 记得在 data中定义变量,我在这里定义了一个 height 但因为该数据是没有单位的,所以在使用时需要拼接单位哦
- 大功告成啦😝