小程序vido怎么解决上下黑边

 时间:2024-10-13 06:49:03

1、双击打开微信开发者工具,出现二维码后,用注册微信小程序的手机微信软件中扫一扫,扫面二维码完成登陆。

2、登陆成功后,点击小程序项目。设置项目目录、名称等创建一个微信小程序。

小程序vido怎么解决上下黑边
小程序vido怎么解决上下黑边

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

小程序vido怎么解决上下黑边

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

小程序vido怎么解决上下黑边

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

小程序vido怎么解决上下黑边

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

小程序vido怎么解决上下黑边

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

小程序vido怎么解决上下黑边
小程序vido怎么解决上下黑边
  • SignalR入门教程
  • 斗鱼如何设置不接收陌生人消息
  • Win10如何设置默认网关 怎么查看网关
  • 怎样解决VirtualBox的Unable to load R3 module
  • 剑三怎样直升90级
  • 热门搜索
    热爱祖国手抄报内容 黑白手抄报图片 幼儿手抄报图片 森林防火手抄报内容 保护森林手抄报 少先队员手抄报内容 孝行雅行我先行手抄报 我们爱科学手抄报 健康教育手抄报资料 消防安全手抄报边框