在小程序开发过程中,若需添加视频播放功能,通常会使用video组件。该组件自带默认的宽高尺寸,当需要自定义高度时,可通过修改样
式或组件属性来完成。本文将逐步说明如何调整视频组件的高度,便于开发者更好地控制界面布局。
1、 启动微信开发者工具,双击打开即可进入主界面。
2、 登录账号后跳转至项目页面,选择创建一个新的微信小程序项目。
3、 在项目目录中新建一个页面,并自动生成对应的js与json配置文件。
4、 进入新创建的test.wxml文件,在其中插入video标签,并为其设置class属性,命名为myVideo。
5、 打开根目录下的app.json文件,将test页面的路径调整至pages数组的第一项,运行项目后,视频组件将以默认高度展示。
6、 接着打开test.wxss文件,定位到.myVideo类,设置height属性为700rpx,实现对视频高度的个性化调整。
7、 保存所有更改并重新编译运行小程序,此时video组件的高度已更新为设定值。








