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

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

官方文档：

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

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

video标签播放视频只有声音没有画面在iOS9中video标签播放无效
video标签定义视频,比如电影片段或者其他视频流.目前video标签只支持MP4,WebMail,Ogg格式的视频. 兼容性:IE8以及更早的版本不支持video标签.其他现代浏览器均支持. 各浏览 ...
php video标签使用方法,HTML_HTML5 video标签（播放器）学习笔记（一）:使用入门，近有在学习html5中video标签（播 - phpStudy...
HTML5 video标签(播放器)学习笔记(一):使用入门近有在学习html5中video标签(播放器)的使用,这里做一些学习笔记,方便自己查阅和记录,本文是第一篇,将介绍的是使用该标签初始化该做 ...
解决html5中video标签无法播放mp4问题的办法
解决html5中video标签无法播放mp4问题的办法参考文章: (1)解决html5中video标签无法播放mp4问题的办法 (2)https://www.cnblogs.com/it-tsz/p ...
html 中利用video标签播放mp4文件
如下是一个简单的html 中,用video标签播放mp4视频的示例: 点击视频即可进行播放 <html><head><title>camera</title& ...
关于HTML5中Video标签无法播放mp4的解决办法
1.首先先排除掉代码问题.路径问题.浏览器不支持问题等常规问题,这些问题另行百度. <video width="500px" height="300px" ...
html5(mp4)无法播放,关于HTML5中Video标签无法播放mp4的解决办法
1.首先先排除掉代码问题.路径问题.浏览器不支持问题等常规问题,这些问题另行百度. 2.首先我自己从网上下载的一个MP4文件,IE10和谷歌都能正常播放.然后自己用格式化工厂转换了一个RMVB文件为M ...
html mp4无法播放,关于HTML5中Video标签无法播放mp4的解决办法
1.首先先排除掉代码问题.路径问题.浏览器不支持问题等常规问题,这些问题另行百度. 2.首先我自己从网上下载的一个MP4文件,IE10和谷歌都能正常播放.然后自己用格式化工厂转换了一个RMVB文件为M ...
vue3-video-play视频组件的使用（一）——基本使用 HTML5中Video标签的属性、方法和事件汇总
vue3-video-play视频组件的使用(一)--基本使用 & HTML5中Video标签的属性.方法和事件汇总 npm地址:https://www.npmjs.com/package/v ...
H5播放HLS之video标签播放
视频推流为了产生HLS视频,我们可以借助srs来实现rtmp推流并生成HLS流,具体详细使用可以参考我之前的文章,这里不再赘述. 我们要实现web端播放传统的音视频,最重要的实现就是rtmp实时视频 ...

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

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

官方文档：

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

最新文章

热门文章