小程序video高度设置方法解析
作者:水悠悠予安
时间:2025-10-18
浏览:3
在小程序开发过程中,若需添加视频播放功能,通常会使用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组件的高度已更新为设定值。

作者最新文章
漫蛙2manwa2漫画最新版本下载安装
2026-10-13 13:42
漫蛙2台版入口极速直达
2026-10-13 13:17
免费漫蛙manwa官网入口
2026-10-13 13:15
漫蛙manwa漫画网址大全
2026-10-13 13:15
photoshop通道和蒙版在哪
2026-10-03 12:15
下一篇:
禁闭求生2口渴解决方法 水源获取指南
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多










































