记录在**swiper**里面放入video和audio遇到的神坑

记录在swiper里面放入video和audio遇到的神坑

	项目要求做一个H5页面,用户可以上传视频和音乐(包含背景音乐),并且可以翻页,还要做到无缝连接,自然而然
就用到了神一般存在的swiper,接下来分享一下我遇到的坑,以及解决方案。
	当我把视频和音频文件放到swiper里面后,点击播放是如此的完美。但是这么简单怎么能行,需求是不可能停下来的,
要自定义视频和音频组件,OK,没问题,对于前端来说,这还是小意思,然后,问题就像千万头羊驼,奔驰而来。
	首先做的是自定义视频组件,去掉视频自带的controls组件,换上自己美的不像话的一些按钮,点击按钮播放,再
去掉我美的掉渣的按钮,换上视频自带的组件(为什么这样搞,有病啊!没办法,产品要求)嗯,完美,现在开始翻页,,,
我去,怎么播放不了,原来swiper在设置loop的情况下,只能复制html,事件是复制不了的。那就把事件加在swiper上面吧,
通过swiper点击事件触发我的按钮(可以参考swiper官网),思路完全没问题。刚开始用的swiper的 **click** 事件,在
浏览器上完美运行,一切看起来是那么的美好,那去手机上看看吧。百度浏览器,谷歌浏览
器,华为浏览器完美运行,But 号称业界毒瘤的UC如何,怀着忐忑又无比憧憬的心情,打开了UC,点击没反应,&#
  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值