H5+Jquery 仿抖音视屏切换

jQuery -- touch事件之滑动判断，当上划超过30px切换下一个视屏，调换<video>中的 src。

错误思路：原本想用swiper循坏<video>显示，视觉效果可以达到，但是会把所有的视屏都加载出来，虽然界面只显示一个视屏，但是能听到所有的音频。

HTML

CSS

JS

最后附上<video>标签的参数，根据需求添加

有个坑：页面有点赞功能，发现不能触发任何click事件

preventDefault)()限制了页面上的任何事件，包括click事件

最终效果

在我的界面右上角的三条杠那里，找到该位置的具体 *** 作步骤如下：

1．首先，在桌面上找到抖音短视频app，点击打开。

2．其次，单击右下角的“我”进入个人中心，找到箭头所指三条杠图标，如下图所示：

3．接着，点击三条杠图标，在d出窗口的底部，就能找到设置了，如下图所示。