[发明专利]一种竖版视频与滚动区联动方法

说明书

本发明涉及一种竖版视频与滚动区联动方法，步骤如下：创建视频展示小窗VideoBox，创建滚动内容区，创建隐藏区域，当针对滚动内容区的滑动事件被触发时，如滚动内容区根据滑动事件需下移，在滚动内容区和视频展示小窗VideoBox间露出隐藏区域，设定隐藏区域的显示尺寸为VideoBox的最大高度和最小高度的差值，通过代理对象完成以下处理：计算实际偏移量relativeOffset，判断是否大于0，条件不成立，则判定为向下滚动，否则判定为向上滚动。本发明，针对竖版视频在小窗中展现，其下方内容展示区需要滚动显示内容的情况进行优化，算法简洁，滚动无卡顿，易于后期维护，用户体验好。

技术领域

本发明涉及视频播放技术领域，具体说是一种竖版视频与滚动区联动方法。

背景技术

用手机看视频时，一般而言，“横屏观看”已成为一个基本的共识。过去几年，人们都是竖着拿手机，但是每到看视频时，一定又会把屏幕横过来，16:9被认为是最符合用户观看习惯的铁律，这是经过科学计算的人眼最舒服的数据。

然而，随着短视频在社交平台的流行，“用竖屏看”的用户与日俱增。不管你多么想要去否定它，或者就是无法适应它，但竖视频的的确确已经成为一种潮流。

无论是用户的体验反馈，还是广告主的投放倾向，诸多数据都指向了：短视频就该竖着看。

2017年以来，75%的短视频在移动端播放，而52%的手机用户习惯把屏幕方向锁定，微信朋友圈一年内竖屏广告投放比例增加了46%。在当前的用户行为、技术和市场下，“竖屏、57秒”的短视频可能是短视频行业的工业标准。

Snapchat和Facebook等社交巨头，率先开启竖视频风潮，并且这种模式正渗透到整个移动应用的生态系统中，包括新闻、游戏、直播等领域。到现在，好像在任何地方都可以看到竖视频，这种势头还在蔓延。

当用户通过移动设备浏览社交媒体、直播以及短视频平台时，没有多少人会耐心把他们的手机旋转90度，点击展开到全屏。

目前，大多数移动端APP都是采用竖式信息流的方式呈现布局，用户只需上下滑动手指即可，竖视频糅合在信息流中，能给用户更流畅的阅读体验。比起横视频，垂直化的竖视频，能带来更沉浸式的观看感受，并通过重塑叙事方式来打动受众，不仅能更加突显视频人物，还能拉近与观众之间的距离，给人一种亲密感。

当竖版视频在小窗中展现时，其下方可以根据需要设置内容展示区，将与视频相关的图文信息呈现给用户，但是，内容展示区如果要滚动显示内容，则影响在小窗中展现的竖版视频的播放，需要对此情况进行优化，以提高用户体验。

发明内容

针对现有技术中存在的缺陷，本发明的目的在于提供一种竖版视频与滚动区联动方法，针对竖版视频在小窗中展现，其下方内容展示区需要滚动显示内容的情况进行优化，算法简洁，滚动无卡顿，易于后期维护，用户体验好。

为达到以上目的，本发明采取的技术方案是：

一种竖版视频与滚动区联动方法，其特征在于，包括如下步骤：

创建视频展示小窗VideoBox，

在视频展示小窗VideoBox下方，基于滚动视图scrollView创建滚动内容区，

基于滚动视图scrollView创建隐藏区域，隐藏区域在视图层级上，位于Videobox下方，

在视频展示小窗VideoBox中加载视频，所述视频尤指竖版视频，

当针对滚动内容区的滑动事件被触发时，

如滚动内容区根据滑动事件需下移，在滚动内容区和视频展示小窗VideoBox间露出隐藏区域，