在微信小程序中调整`video`组件的高度，可以通过以下几种方法实现：
通过wxss设置高度
你可以在`video`组件的样式中直接设置高度。例如，如果你希望视频高度为700rpx，可以在`test.wxss`文件中添加如下样式：
```css
.myVideo {
height: 700rpx;
}
```
然后，在`test.wxml`文件中的`video`组件上应用这个类：
```html
```
保存代码后重新运行小程序，视频高度就会变为700rpx。
使用bindloadedmetadata事件获取视频宽高
你可以在`video`组件上绑定`bindloadedmetadata`事件，在视频加载完成后获取视频的实际宽高，并据此动态设置高度。例如：
```html
```
在对应的`js`文件中，添加事件处理函数：
```javascript
Page({
onVideoLoaded: function(e) {
const height = e.detail.height;
const width = e.detail.width;
const aspectRatio = height / width;
const video = this.selectComponent('myVideo');
video.setData({
height: aspectRatio * 100 + 'rpx' // 设置高度为视频宽高比的百分比
});
}
});
```
这样，视频的高度就会根据实际宽高比动态调整为屏幕宽度的一定百分比。
通过百分比设置高度
如果你希望视频高度能够根据屏幕宽度按比例缩放，可以使用百分比来设置高度。例如，设置视频高度为屏幕宽度的50%：
```css
video {
height: 50%;
}
```
这种方法适用于需要保持视频宽高比的情况。
使用内边距实现高度自适应
你可以创建一个包裹`video`组件的容器，并设置容器的内边距，使视频按比例填充整个容器。例如：
```html
```
在`wxss`文件中设置容器的样式：
```css
.video-container {
position: relative;
width: 100%;
padding-bottom: 56.25%; /* 16:9宽高比的倒数 */
}
.video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
```
这样，视频就会按比例填充整个容器，保持宽高比。
根据你的需求选择合适的方法来调整微信小程序中`video`组件的高度。
