如何将uni-app中video标签播放按钮隐藏

uni-app中video标签播放按钮隐藏的坑。。。

项目需求是将视频放在展示列表上,刚开始的思路是直接将视频的首帧截取出来放在列表上,后来发现此方法实在太过麻烦。于是直接使用了video标签,将视频展示了出来,但是标签自带的播放按钮实在太不美观,于是就想将它隐藏起来,自己写一个播放按钮样式,反正列表上的视频不需要播放,于是乎,翻开了官方文档,走上了踩坑的道路。。。。

官方文档:

文档描述
但是无论怎样设置 controls=“false” 都不会生效,后来经过多方请教,原来 false 被解析成了字符串,字符串默认为true,需要写成 controls=“{{false}}” 才可以,官方牛逼。
但是我设置之后依旧没有生效,于是再次曲线救国,在data中定义了一个变量,将变量赋值为false,再将 controls变成自定义属性,可是依旧没有生效,,,(心态炸裂!!!)
于是先将这个问题放了一下,先做别的东西了,后来在真机上测试别的东西时,无意间看到了 controls 竟然生效了,,,
原来,测试工具不认识 controls ,修改了之后在测试工具上看不出来!!!!!!
ok,一波三折,问题解决,官方牛逼,测试工具牛逼。

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 13
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值