求教：页面上多个<video>，放在类似九宫格里，app里点击无法跳转，似乎视频挡掉了click事件，怎么解决？

分类：uni-app

VideoPlayer

类似这样的代码：

<view v-for="(videoSrc, index) of videos" @click="openVideo(index)">  
  <video :src="videoSrc" muted autoplay :controls="false">  
  </video>  
</view>

目的很简单，用户点击九宫格里小视屏就把这个小视屏放大到全屏。在 H5 上正常，但在安卓、苹果上点击无效。

请问怎么解决？

2020-08-18 10:21 负责人:无分享

3 个回复

DCMarvel

把事件绑到video上试试

yuanjin (作者)

试过了 <video @click 和 @tap> 都不行。<video> 上就没找到合适的事件可以绑的。

2020-08-18 13:01
DCMarvel

回复 yuanjin: 隐藏VIDEO控件,用View自定义控件覆盖Video

2020-08-18 17:41
yuanjin (作者)

回复 DCMarvel: 隐藏video控件？用 video 就是为了显示视频啊，隐藏起来就没意义了。试过了用一个和 <video> 同级的元素覆盖在上面，但是仍然在 android, ios 里无效。

2020-08-19 09:08
DCMarvel

回复 yuanjin: Video 暂停,播放,全屏等控件,自己用View写,不是不显示视频.....

2020-08-19 09:54

DCMarvel

<view v-for="(videoSrc, index) of videos" >    

  <video :src="videoSrc" muted autoplay :controls="false">   

    <view @tap="openVideo(index)" style="铺满整个video">  
     <!-- 自定义播放暂停等控件  -->  

     </view>  

  </video>    

</view>

yuanjin (作者)

多谢！我也想到这个办法了，试了一下真有用，只是要把 video里的 view 换成 cover-view 即可

2020-08-19 12:08

1***@qq.com

问一下页面多个video同时播放的时候,app页面会卡死吗

要回复问题请先登录或注册

求教：页面上多个<video>，放在类似九宫格里，app里点击无法跳转，似乎视频挡掉了click事件，怎么解决？

3 个回复

公告

相关问题

求教：页面上多个<video>，放在类似九宫格里，app里点击无法跳转，似乎视频挡掉了click事件，怎么解决？

与内容相关的链接

3 个回复

公告

相关问题