请问h5如何实现抖音上下滑动切换视频的效果？
网友回复
可以在一个div中放三个视频，第一个视频显示，第二第三个视频overflow：hidden，然后设置可滚动，对滚动进行scrolltop侦测，一旦发现到最后一个视频，就插入一个新视频video
实现滚动,示例代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
<script type="text/javascript">
var autogo = false;
var lastscrolltop = 0;
bready(function() {
play();
$("#cont").scroll(function(event) {
play();
})
});
function play() {
if (autogo) {
return;
}
var scrolltop = $("#cont").scrollTop();
var winheight = $(window).height();
//获取第几个视频
var indexvideo = Math.ceil(scrolltop/winheight);
if (scrolltop < lastscrollt...点击查看剩余70%
by thinkfuture
我知道答案，我要回答
私活外包
最新提问
python如何实现声纹识别用户进行验证？
在哪可找到各种影视经典角色的配音并克隆音色根据文本说话？
阿里通义大模型哪些是支持多模态的api的ai模型？
js如何实现浏览器中离线语音唤醒语音聊天小助手？
浏览器中如何将WebM视频转成mp4视频？
parlant如何改成qwen 的apikey与baseurl？
如何写一个chrome插件实现截屏自动生成步骤图文教程转成pdf或网页？
python如何通过阿里云的api对域名进行解析和ecs主机服务器进行启动停止等操作？
Tesla Robotaxi可以让特斯拉车自动无人驾驶跑滴滴为车主赚钱，国内以后也会这样吗？
有没有可以监控安卓手机上的app打开后偷偷摸摸做了啥的监控软件？
