博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何通过滚动页面控制视频播放和停止
阅读量:7297 次
发布时间:2019-06-30

本文共 362 字,大约阅读时间需要 1 分钟。

hot3.png

我们除了需要获取用户当前滚动页面距离顶部的距离,还需要获取当前窗口的高度,每个视频距离文档顶部的距离,获取到这几数据才能做处理。”

如果一屏不同时出现两个视频,我们一般选择视频上部完全进入窗口,和视频下部刚刚移出窗口两个边界作为播放视频的区域!”

 

 

$("#video1").offset().top-$(document).scrollTop()>0就可以看作视频顶部完全进入屏幕,window.innerHeight-(topnum1+$("#video1").height())>0可以看作视频下部没有移出屏幕,所以我使用了一下jquery的scroll(窗口滚动事件),在页面滚动过程中进行实时判断:

599

 

转自老炉传说

转载于:https://my.oschina.net/u/1425277/blog/1603767

你可能感兴趣的文章
编程学习资源
查看>>
Android之Handler的postDelayed()方法的用法
查看>>
企业架构研究总结(1)——参考资料列表
查看>>
Vim中自动在程序起始处添加版权和作者信息
查看>>
Linux_LDAP+NFS+autofs
查看>>
读名老中医之路笔记(一)岳美中:无恒难以做医生
查看>>
win7win8一键取得超级管理员权限
查看>>
XML案例(使用JAXP进行DOM解析)
查看>>
Spring MVC 使用MultipartResolver与Commons FileUpload传输文件
查看>>
课堂作业——寻找发帖水王
查看>>
【BZOJ 1084】 [SCOI2005]最大子矩阵(DP)
查看>>
联合文件系统 unionfs
查看>>
【计算几何】【极角序】【前缀和】bzoj1132 [POI2008]Tro
查看>>
【2-sat】Gym - 101201F - Illumination
查看>>
【构造】Codeforces Round #480 (Div. 2) B. Marlin
查看>>
配置加速器解决困扰
查看>>
hql和sql的区别
查看>>
实验三:密码破解技术
查看>>
OpenCascade Law Function
查看>>
node读取文本文件时,去掉BOM
查看>>