小程序vido怎么解决上下黑边
1、双击打开微信开发者工具,出现二维码后,用注册微信小程序的手机微信软件中扫一扫,扫面二维码完成登陆。
2、登陆成功后,点击小程序项目。设置项目目录、名称等创建一个微信小程序。


3、在小程序项目目录中双击打开index目录下的index.wxml文件。

4、在index.wxml文件中编写video组件代码,视频src为在线视频,可以参考官网。如图所示。

5、保存文件代码,运行小程序。可以看到视频组件的上下两侧有黑色的边框。

6、再次打开index.wxml文件,在video组件中添加代码:objectFit='cover'。

7、保存文件,运行小程序,如图所示,video视频组件上下黑边没有了。


声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:83
阅读量:71
阅读量:54
阅读量:137
阅读量:85