小程序video高度设置方法解析
在小程序开发过程中,若需添加视频播放功能,通常会使用video组件。该组件自带默认的宽高尺寸,当需要自定义高度时,可通过修改样式或组件属性来完成。本文将逐步说明如何调整视频组件的高度,便于开发者更好地控制界面布局。1、启动微信开发者工具,双击打开即可进入主界面。2、登录账号后跳转至项目页面,选择创建一个新的微信小程序项目。3、在项目目录中新建一个页面,并自动生成对应的js与json配置文件。4、进入新创建的test.wxml文件,在其中插入video标签,并为其设置class属性,命名为myVid
在小程序开发过程中,若需添加视频播放功能,通常会使用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组件的高度已更新为设定值。

火山引擎是字节跳动旗下企业级云与AI服务平台。聚焦大模型核心能力,依托字节自研豆包多模态大模型,凭借火山方舟一站式平台,提供模型精调、推理部署、智能应用搭建等全链路服务,结合高性能AI算力,助力各行业快速落地大模型数字化与智能化应用。
















