在小程序开发中实现视频功能时,需使用video组件。该组件加载后有默认宽高,若需调整高度,可通过设置样式或属性来实现。下文将详细介绍具体操作方法,帮助开发者灵活控制视频显示效果。
1、 打开微信开发者工具双击即可
2、 登录后进入小程序页面,创建新的微信小程序项目。
3、 在目录下新建页面,并生成对应的js和json文件。
4、 打开目录中的test.wxml文件,插入video组件,并为其添加class属性,命名为myVideo。
5、 打开app.json文件,将新建的test页面路径移至pages第一行,运行小程序后,video应用将显示默认高度。
6、 打开test目录中的test.wxss文件,找到类名为myVideo的样式,将其高度属性height设置为700rpx,具体样式调整所示。
7、 保存代码后重新启动小程序,页面中video组件的高度将变为设定值。

