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