HTML5视频播放器随页面滚动固定页面右下角效果

2019-10-09 15:37:06 作者: 大梦 浏览: 11 [百度未收录] [搜狗已收录] [360已收录]

简要教程

这是一款可以自动将HTML5视频播放器在页面向下滚动时,将其固定在页面右下角位置的jquery和CSS3效果。

使用方法

在页面中引入jquery文件。

HTML结构

使用一个

元素来包裹HTML5视频元素。

CSS样式

为视频元素添加下面的简单CSS样式:

初始化插件

最后使用jquery来检测窗口的滚动事件,并在合适的位置切换videoBox的class类,使其隐藏和出现在右下角。


版权免责声明 1、本网站名称:罗网轻量级sns社区,源码分享平台
2、本站永久网址:http://www.luopay.cn
3、本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
4、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效  点此反馈 我们会第一时间更新。

下载地址
评论
本文作者 阅读排行 文章推荐

首页
最新
投稿
精选
我的