视频播放控制方法、装置及相应的终端与流程

本发明涉及软件应用领域，具体涉及一种视频播放控制方法、装置及相应的终端。

背景技术：

随着互联网及多媒体技术的发展，视频已经成为大众记录生活、娱乐的一种方式，其中尤其以短视频深受用户的欢迎，短视频是以视觉听觉的形式呈现，把人物声音或人物表情进行加工，使得视频展示的东西更加趣味化，变的生动活泼，通过短视频在客户端内的直观呈现能让用户快速聚焦到客户端，增加用户在客户端的停留时间及增加用户对客户端的兴趣，但是如何在客户端内展现短视频，保证短视频的播放控制逻辑更加人性化，让用户能直观便捷的聚焦到短视频，是目前客户端开发及运营需要面对的问题。

技术实现要素：

本发明的首要目的在于提供一种视频播放控制方法及装置，将展示客户端的内容页面的列表控件和展示视频的视频组件独立控制，更好地实现视频播放控制的逻辑。

本发明的另一目的在于提供一种实现上述视频播放控制方法的终端。

为实现该目的，本发明采用如下技术方案：

第一方面，本发明提供一种视频播放控制方法，包括：

在竖向滑动的列表控件中配置横向滑动的视频组件；

获取视频数据，在所述视频组件包含的卡片中展示视频数据相应的视频的内容画面；

当视频组件的任一卡片处于预设位置时，确定该卡片对应的视频为目标视频；

播放所述目标视频。

进一步的，所述播放所述目标视频之前，还包括：

获取终端当前的网络状态；

当终端的网络状态处于WI-FI连接时，预加载所述目标视频；

当终端的网络状态处于移动网络连接时，在接收到用户的播放控制指令后，加载所述目标视频。

较佳的，所述视频组件中包含预设个数的卡片，每一所述卡片设有编号；所述当终端的网络状态处于WI-FI连接时，预加载所述目标视频，包括：

当终端的网络状态处于WI-FI连接时，预加载所述目标视频，及预加载目标视频对应的卡片编号后的预置数量其它卡片对应的视频；其中，预加载目标视频的20％、预加载目标视频对应的卡片编号后的第1个卡片的视频的10％、预加载目标视频对应的卡片编号后的第2个卡片的视频的5％。

具体的，所述在竖向滑动的列表控件中配置横向滑动的视频组件之后，还包括：

获取用户在视频组件上的滑动操作；

当所述滑动操作的横向滑动位移量大于纵向滑动位移量时，滑动所述视频组件以切换视频组件的卡片；

当所述滑动操作的纵向滑动位移量大于横向滑动位移量时，滑动所述列表组件以切换显示界面的内容。

进一步的，所述播放所述目标视频，包括；

将目标视频默认设置静音，静音播放所述目标视频。

进一步的，所述播放所述目标视频之后，还包括：

监听视频组件的滑动状态，当目标视频对应的卡片滑动至超出预设位置预置比例时，停止加载及播放所述目标视频；

当视频组件的其它卡片滑动至预设位置时，确定该卡片的视频为目标视频并加载播放所述目标视频。

进一步的，所述在竖向滑动的列表控件中配置横向滑动的视频组件，包括：

在竖向滑动的列表控件的顶部配置横向滑动的视频组件；

所述播放所述目标视频之后，还包括：

监听列表控件竖直向下方向的滑动偏移量，当列表组件竖直向下方向的滑动偏移量大于视频组件的高度的预置比例时，停止播放所述目标视频。

进一步的，所述播放所述目标视频之后，还包括：

停止播放所述目标视频，当目标视频在未播放结束前停止播放时，记录目标视频的断点位置；

在所述目标视频的卡片上输出预设的目标视频停止播放界面及断点播放引导按钮；

当用户点击所述断点播放引导按钮后从目标视频的断点位置处开始播放所述目标视频。

第二方面，本发明提供一种视频播放控制装置，所述装置存储有多条指令，所述指令适于由处理器加载并执行：

在竖向滑动的列表控件中配置横向滑动的视频组件；

获取视频数据，在所述视频组件包含的卡片中展示视频数据相应的视频的内容画面；

当视频组件的任一卡片处于预设位置时，确定该卡片对应的视频为目标视频；

播放所述目标视频。

第三方面，本发明提供终端，包括：

一个或多个处理器；

存储器；

一个或多个应用程序，其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行，所述一个或多个应用程序配置用于执行第一方面任一项所述的视频播放控制方法。

与现有技术相比，本发明具备如下优点：

本发明通过在竖向滑动的列表控件中配置横向滑动的视频组件，然后将获取到的视频数据相应的视频的内容画面展示在视频组件包含的卡片中，当任一卡片处于预设位置时，播放该卡片对应的视频，将用于展示客户端的内容页面的列表控件和展示视频的视频组件独立控制，更好地实现视频播放控制的逻辑，同时将展示客户端的内容页面的列表控件和展示视频的视频组件剥离，用户可以在观看视频的同时浏览其它页面内容，给观众带来良好的视觉体验。

并且，本发明通过获取用户在视频组件上的滑动操作，以横向滑动和纵向滑动的偏移量来确定用户在视频组件上实际需要的操作，控制滑动所述视频组件以切换视频组件的卡片或滑动所述列表组件以切换显示界面的内容，解决列表控件和视频组件的滑动冲突。

再者，本发明通过卡片与预设位置的相对位置来确定视频的停止或播放，有利于节省网络带宽资源，降低终端消耗，提高终端运行流畅性；同时在终端处于WI-FI连接时，预加载目标视频及目标视频对应的卡片编号后的其它卡片对应的视频，以便当播放目标视频或切换播放其他视频时，能够更快地渲染出视频画面。

显然，上述有关本发明优点的描述是概括性的，更多的优点描述将体现在后续的实施例揭示中，以及，本领域技术人员也可以本发明所揭示的内容合理地发现本发明的其他诸多优点。

本发明附加的方面和优点将在下面的描述中部分给出，这些将从下面的描述中变得明显，或通过本发明的实践了解到。

附图说明

本发明上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：

图1为本发明视频播放控制方法的一实施例流程示意图；

图2为本发明列表控件及视频组件的一实施例图形示意图；

图3为本发明列表控件、视频组件及列表控件上的预设位置的一实施例图形示意图；

图4为本发明视频播放控制装置的一实施例示意图；

图5为本发明实施例提供的终端部分结构的一实施例示意图。

具体实施方式

下面详细描述本发明的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本发明，而不能解释为对本发明的限制。

本技术领域技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是，本发明的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作。

本技术领域技术人员可以理解，除非另外定义，这里使用的所有术语(包括技术术语和科学术语)，具有与本发明所属领域中的普通技术人员的一般理解相同的意义。还应该理解的是，诸如通用字典中定义的那些术语，应该被理解为具有与现有技术的上下文中的意义一致的意义，并且除非像这里一样被特定定义，否则不会用理想化或过于正式的含义来解释。

本领域技术人员应当理解，本发明所称的“应用”、“应用程序”、“应用软件”以及类似表述的概念，是业内技术人员所公知的相同概念，是指由一系列计算机指令及相关数据资源有机构造的适于电子运行的计算机软件。除非特别指定，这种命名本身不受编程语言种类、级别，也不受其赖以运行的操作系统或平台所限制。理所当然地，此类概念也不受任何形式的终端所限制。

本领域技术人员应当理解，本发明所称的用户界面、显示界面泛指能够用于向智能终端发送所述控制指令的显示界面，例如，可以是Android/IOS/Windows Phone系统的设置页面中的一个选项(或按键，由所述应用程序添加其中，下同)，也可以是从桌面呼出的通知栏或者交互页面中的一个选项，还可以是所述应用程序的一个活动组件所构造的页面中的一个选项。

在一种实施例中，本发明提供一种视频播放控制方法，由运行于终端上的客户端执行，如图1所示，包括：

S100：在竖向滑动的列表控件中配置横向滑动的视频组件。

在客户端的用户界面上，用一可竖向滑动的列表控件来显示客户端的页面内容，如图2所示，实线框21表示竖向滑动的列表控件21，所述竖向为客户端用户界面的上下方向，通过在客户端用户界面上下滑动以显示客户端的页面内容信息；进一步的，本实施例中，在竖向滑动的列表控件中配置(一个)横向滑动的视频组件，图2中虚线框22表示横向滑动的视频组件22，相应的，所述横向为与所述竖向相互垂直的方向，所述列表控件不完全展示所述视频组件，即视频组件上的全部内容信息不同时在列表控件上展示，通过在竖向滑动的列表控件中配置横向滑动的视频组件以横向拓展显示客户端的页面内容信息。

S200：获取视频数据，在所述视频组件包含的卡片中展示视频数据相应的视频的内容画面。

本实施例的视频组件包含一定数量的卡片，如图2所示，视频组件22中的实线框表示所述卡片23，本实施例中，视频组件22包含3个卡片23，本实施例优选地在客户端启动时，向服务器请求获取视频数据，具体的，所述视频数据包括视频的封面图片，在获取了视频数据后，在视频组件22的卡片23中展示视频的内容画面，即每一个卡片23对应着一个视频，每一个卡片23展示对应的视频的封面图片。

进一步的，客户端还接收更新视频数据的指令，当触发更新视频数据的指令时，客户端向服务器请求新的视频数据，以使在卡片中展示新的视频数据相应的视频的内容画面。

S300：当视频组件的任一卡片处于预设位置时，确定该卡片对应的视频为目标视频。

在客户端的显示界面上设定一默认的位置(即所述预设位置)，当视频组件22中的任一卡片23处于所述预设位置时，确定该卡片对应的视频为目标视频，如图3所示，粗虚线框30表示所述预设位置，在客户端的显示界面上设定预设位置30，当视频组件的任一卡片处于所述粗虚线框30内时，优选的当卡片面积的预设比例如卡片面积的90％处于所述粗虚线框30内时，确定该卡片对应的视频为目标视频。

S400：播放所述目标视频。

在确定了目标视频后，从拉取的目标视频的视频文件流中分离出音频流和图像流，分别对其进行解码，解码后的视频帧直接渲染到所述卡片中，解码后的音频帧输送到音频输出设备，然后同步控制视频帧的渲染和音频帧播放的时间戳，在所述卡片中播放所述目标视频。

本实施例通过在在竖向滑动的列表控件中配置横向滑动的视频组件，然后将获取到的视频数据相应的视频的内容画面展示在视频组件包含的卡片中，当任一卡片处于预设位置时，播放该卡片对应的视频，将用于展示客户端的内容页面的列表控件和展示视频的视频组件独立控制，更好地实现视频播放控制的逻辑，同时将展示客户端的内容页面的列表控件和展示视频的视频组件剥离，用户可以在观看视频的同时浏览其它页面内容，给观众带来良好的视觉体验。

本发明的一种实施例，在播放所述目标视频之前，还包括：

获取终端当前的网络状态；

当终端的网络状态处于WI-FI连接时，预加载所述目标视频；

当终端的网络状态处于移动网络连接时，在接收到用户的播放控制指令后，加载所述目标视频。

本实施例在播放目标视频之前，获取运行客户端的终端当前的网络状态，当终端的网络状态处于WI-FI连接时，向服务器请求拉取目标视频的视频文件流，然后在客户端预加载所述目标视频以便能够快速播放目标视频，进一步的，当终端的网络状态处于WI-FI连接时，向服务器请求拉取目标视频的视频文件流后自动播放所述目标视频，在用户启动客户端的第一时间吸引用户观看。另外，当终端的网络状态处于移动网络连接时，在接收到用户的播放控制指令后才向服务器请求拉取目标视频的视频文件流，具体的，每一个卡片上的视频均配置有播放按钮，用户点击播放按钮触发播放控制指令，然后客户端加载所述目标视频后播放目标视频。

进一步的，上述实施例中，所述视频组件中包含预设个数的卡片，每一所述卡片设有编号，如图3所示，视频组件22包含3个卡片23，编号分别为a、b、c。当终端的网络状态处于WI-FI连接时，不仅预加载所述目标视频，还包括，预加载目标视频对应的卡片编号后的其它卡片对应的视频；其中，预加载目标视频的20％、预加载目标视频对应的卡片编号后的第1个卡片的视频的10％、预加载目标视频对应的卡片编号后的第2个卡片的视频的5％。本实施例中，确定目标视频为卡片a对应的视频，当终端的网络状态处于WI-FI连接时，预加载卡片a的视频的20％，预加载卡片b的视频的10％，预加载卡片c的视频的5％；另外，若确定目标视频为卡片b对应的视频，则预加载卡片b的视频的20％，预加载卡片c的视频的10％，以便当播放目标视频或切换播放其他视频时，能够更快地渲染出视频画面。

本发明的另一种实施例，所述方法还包括：

获取用户在视频组件上的滑动操作；

当所述滑动操作的横向滑动位移量大于纵向滑动位移量时，滑动所述视频组件以切换视频组件的卡片；

当所述滑动操作的纵向滑动位移量大于横向滑动位移量时，滑动所述列表组件以切换显示界面的内容。

本发明实施例是在一个竖向滑动的列表控件里添加的一个横向滑动的视频组件，在视频组件区域存在滑动冲突会导致在视频组件区域无法竖向滑动，本实施例通过获取用户在视频组件上的滑动操作，以滑动的偏移量来解决滑动冲突。当滑动操作的横向滑动位移量大于纵向滑动位移量时，滑动所述视频组件以切换视频组件的卡片；当所述滑动操作的纵向滑动位移量大于横向滑动位移量时，滑动所述列表组件以切换显示界面的内容。具体的，用户在客户端的显示界面的滑动操作，均会有一个起始坐标点(x1，y1)和一个结束坐标点(x2，y2)，其中x表示横坐标，y表示纵坐标，|x1-x2|表示横向滑动位移量，|y1-y2|表示纵向滑动位移量，在滑动组件区域内的操作同样如此，当|x1-x2|>|y1-y2|时，确定此时滑动所述视频组件以切换视频组件的卡片；当|y1-y2|>|x1-x2|时，确定此时用户想上下滑动浏览列表组件里的其它页面内容，此时滑动所述列表控件以切换显示界面的内容，解决视频组件内的滑动冲突。

较佳的，本发明实施例中，所述播放所述目标视频，包括；

将目标视频默认设置静音，静音播放所述目标视频。

本发明实施例中，在确定了目标视频后，从拉取的目标视频的视频文件流中分离出音频流和图像流，分别对其进行解码，解码后的视频帧直接渲染到所述卡片中，而解码后的音频帧输送到音频输出设备但默认设置成静音，然后同步控制视频帧的渲染和音频帧播放的时间戳，在所述卡片中播放所述目标视频，避免给用户带来突兀感，从而提高用户体验。

进一步的，本发明的另一种实施例，在播放所述目标视频之后，还包括：

监听视频组件的滑动状态，当目标视频对应的卡片滑动至超出预设位置预置比例时，停止加载及播放当前目标视频；

当视频组件的其它卡片滑动至预设位置时，确定该卡片的视频为目标视频并加载播放所述目标视频。

本实施例中，在播放所述目标视频之后，客户端持续监听视频组件的滑动状态，当用户滑动视频组件且目标视频对应的卡片滑动至超出预设位置预置比例如1/2时，停止加载及播放当前目标视频，例如在播放卡片a的视频未结束时，用户滑动视频组件，将卡片a滑动至超出预设位置的一半，相当于卡片a的一半面积已不在所述预设位置内，此时停止向服务器请求卡片a的视频数据，同时停止播放卡片a的视频。

进一步的，在用户滑动视频组件时，往往是想切换观看其他卡片对应的视频，当视频组件的其它卡片滑动至预设位置时，确定该卡片的视频为目标视频并加载播放所述目标视频。例如当卡片b滑动至预设位置，优选的当卡片b面积的90％滑动至预设位置时，确定卡片b的视频为目标视频，然后加载播放卡片b对应的视频。通过卡片与预设位置的相对位置来确定视频的停止或播放，有利于节省网络带宽资源，降低终端消耗，提高终端运行流畅性。

进一步的，上述实施例中，所述在竖向滑动的列表控件中配置横向滑动的视频组件，包括：

在竖向滑动的列表控件的顶部配置横向滑动的视频组件；

所述播放所述目标视频之后，还包括：

监听列表控件竖直向下方向的滑动偏移量，当列表组件竖直向下方向的滑动偏移量大于视频组件的高度的预置比例时，停止播放所述目标视频。

本实施例中，所述横向滑动的视频组件设置在竖向滑动的列表控件的顶部，当用户启动进入客户端时，视频组件能够第一时间进入用户的视线中，让用户第一时间观看到视频组件中的视频。而在播放所述目标视频之后，用户若想浏览列表控件上的其它页面内容，通过向下滑动即可浏览列表控件上的其它页面内容，而客户端持续监听列表组件竖直方向的滑动偏移量，当列表组件竖直方向的滑动偏移量大于视频组件的高度的预置比例如1/2时，停止播放所述目标视频，此时视频组件已有1/2的面积没有显示在客户端的用户界面上，此时确定用户想向下滑动列表控件浏览其它页面内容，此时将正在播放的目标视频停止播放，同时停止向服务器请求视频数据，以此节省网络带宽资源，降低终端消耗，提高终端运行流畅性。

进一步的，本发明的实施例中，在播放所述目标视频之后，还包括：

停止播放所述目标视频，当目标视频在未播放结束前停止播放时，记录目标视频的断点位置；

在所述目标视频的卡片上输出预设的目标视频停止播放界面及断点播放引导按钮；

当用户点击所述断点播放引导按钮后从目标视频的断点位置处开始播放所述目标视频。

在播放所述目标视频之后，无论出于何种操作使得目标视频停止播放，当目标视频在未播放结束前停止播放时，记录目标视频的断点位置，即记录目标视频停止播放的时间戳，并在目标视频的卡片上输出预设的目标视频停止播放界面及断点播放引导按钮，一种实施方式是，所述目标视频的停止播放界面为开始获取的视频数据所对应的内容画面，即视频的封面；另一种实施方式是，所述目标视频的停止播放界面为目标视频停止播放时的图像帧；本实施例中，所述断点播放按钮与开始播放按钮相同，当用户点击所述断点播放引导按钮后从目标视频的断点位置处开始播放所述目标视频，以便用户继续观看目标视频。

在一种实施例中，本发明提供一种视频播放控制装置，所述装置存储有多条指令，所述指令适于由处理器加载并执行直播间主播粉丝排行方法，包括：

在竖向滑动的列表控件中配置横向滑动的视频组件；

获取视频数据，并在所述视频组件的每一卡片中展示各视频的内容画面；

当视频组件的任一卡片处于预设位置时，确定该卡片的视频为目标视频；

播放所述目标视频。

为了便于描述，将所述视频播放控制装置拆分为功能模块架构，如图4所示，包括：

配置模块100：用于在竖向滑动的列表控件中配置横向滑动的视频组件。

在客户端的用户界面上，用一可竖向滑动的列表控件来显示客户端的页面内容，如图2所示，实线框21表示竖向滑动的列表控件21，所述竖向为客户端用户界面的上下方向，通过在客户端用户界面上下滑动以显示客户端的页面内容信息；进一步的，本实施例中，配置模块100在竖向滑动的列表控件中配置(一个)横向滑动的视频组件，图2中虚线框22表示横向滑动的视频组件22，相应的，所述横向为与所述竖向相互垂直的方向，所述列表控件不完全展示所述视频组件，即视频组件上的全部内容信息不同时在列表控件上展示，通过在竖向滑动的列表控件中配置横向滑动的视频组件以横向拓展显示客户端的页面内容信息。

展示模块200：用于获取视频数据，在所述视频组件包含的卡片中展示视频数据相应的视频的内容画面。

本实施例的视频组件包含一定数量的卡片，如图2所示，视频组件22中的实线框表示所述卡片23，本实施例中，视频组件22包含3个卡片23，本实施例优选地在客户端启动时，展示模块200向服务器请求获取视频数据，具体的，所述视频数据包括视频的封面图片，在获取了视频数据后，在视频组件22的卡片23中展示视频的内容画面，即每一个卡片23对应着一个视频，每一个卡片23展示对应的视频的封面图片。。

确定模块300：用于当视频组件的任一卡片处于预设位置时，确定该卡片对应的视频为目标视频。

在客户端的显示界面上设定一默认的位置(即所述预设位置)，当视频组件22中的任一卡片23处于所述预设位置时，确定模块300确定该卡片对应的视频为目标视频，如图3所示，粗虚线框30表示所述预设位置，在客户端的显示界面上设定预设位置30，当视频组件的任一卡片处于所述粗虚线框30内时，优选的当卡片面积的预设比例如卡片面积的90％处于所述粗虚线框30内时，确定该卡片对应的视频为目标视频。。

播放模块400：用于播放所述目标视频。

确定模块300确定了目标视频后，播放模块400从拉取的目标视频的视频文件流中分离出音频流和图像流，分别对其进行解码，解码后的视频帧直接渲染到所述卡片中，解码后的音频帧输送到音频输出设备，然后同步控制视频帧的渲染和音频帧播放的时间戳，在所述卡片中播放所述目标视频。

在又一种实施例中，本发明还提供一种终端，用于实现视频播放控制方法，如图5所示是与本发明实施例提供的终端的部分结构的框图，为了便于说明，仅示出了与本发明实施例相关的部分，具体技术细节未揭示的，请参照本发明实施例方法部分。该终端可以为包括手机、平板电脑、PDA(Personal Digital Assistant，个人数字助理)、POS(Point of Sales，销售终端)、车载电脑等任意终端设备，以终端为手机为例：

参考图5，手机包括：基带处理模块510、存储器520、输入单元530、显示单元540、传感器550、音频电路560、无线保真(wireless fidelity，WiFi)模块570、处理器580、以及电源590等部件。本领域技术人员可以理解，图5中示出的手机结构并不构成对手机的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

基带处理模块510可用于合成即将发射的基带信号，或对接收到的基带信号进行解码。具体地说，就是发射时把音频信号编译成用来发射的基带码；接收时，把收到的基带码解译为音频信号。同时，也负责地址信息(手机号、网站地址)、文字信息(短讯文字、网站文字)、图片信息(彩信)的编译。

存储器520可用于存储软件程序以及模块，处理器580通过运行存储在存储器520的软件程序以及模块，从而执行手机的各种功能应用以及数据处理。存储器520可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器520可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

输入单元530可用于接收输入的数字或字符信息，以及产生与手机的用户设置以及功能控制有关的键信号输入。具体地，输入单元530可包括触控面板531以及其他输入设备532。触控面板531，也称为触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板531上或在触控面板531附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触控面板531可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器580，并能接收处理器580发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板531。除了触控面板531，输入单元530还可以包括其他输入设备532。具体地，其他输入设备532可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元540可用于显示由用户输入的信息或提供给用户的信息以及手机的各种菜单。显示单元540可包括显示面板541，可选的，可以采用液晶显示器(Liquid Crystal Display，LCD)、有机发光二极管(Organic Light-Emitting Diode,OLED)等形式来配置显示面板541。进一步的，触控面板531可覆盖显示面板541，当触控面板531检测到在其上或附近的触摸操作后，传送给处理器580以确定触摸事件的类型，随后处理器580根据触摸事件的类型在显示面板541上提供相应的视觉输出。虽然在图5中，触控面板531与显示面板541是作为两个独立的部件来实现手机的输入和输入功能，但是在某些实施例中，可以将触控面板531与显示面板541集成而实现手机的输入和输出功能。

手机还可包括至少一种传感器550，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板541的亮度，接近传感器可在手机移动到耳边时，关闭显示面板541和/或背光。作为运动传感器的一种，加速计传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于手机还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路560、扬声器561，传声器562可提供用户与手机之间的音频接口。音频电路560可将接收到的音频数据转换后的电信号，传输到扬声器561，由扬声器561转换为声音信号输出；另一方面，传声器562将收集的声音信号转换为电信号，由音频电路560接收后转换为音频数据，再将音频数据输出处理器580处理后，经RF电路510以发送给比如另一手机，或者将音频数据输出至存储器520以便进一步处理。

WiFi属于短距离无线传输技术，手机通过WiFi模块570可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图5示出了WiFi模块570，但是可以理解的是，其并不属于手机的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

处理器580是手机的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器520内的软件程序和/或模块，以及调用存储在存储器520内的数据，执行手机的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器580可包括一个或多个处理单元；优选的，处理器580可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器580中。

手机还包括给各个部件供电的电源590(比如电池)，优选的，电源可以通过电源管理系统与处理器580逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。

尽管未示出，手机还可以包括摄像头、蓝牙模块等，在此不再赘述。

此外，在本发明各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。

上述提到的存储介质可以是只读存储器，磁盘或光盘等。

本发明通过在竖向滑动的列表控件中配置横向滑动的视频组件，然后将获取到的视频数据相应的视频的内容画面展示在视频组件包含的卡片中，当任一卡片处于预设位置时，播放该卡片对应的视频，将用于展示客户端的内容页面的列表控件和展示视频的视频组件独立控制，更好地实现视频播放控制的逻辑，同时将展示客户端的内容页面的列表控件和展示视频的视频组件剥离，用户可以在观看视频的同时浏览其它页面内容，给观众带来良好的视觉体验。

并且，本发明通过获取用户在视频组件上的滑动操作，以横向滑动和纵向滑动的偏移量来确定用户在视频组件上实际需要的操作，控制滑动所述视频组件以切换视频组件的卡片或滑动所述列表组件以切换显示界面的内容，解决列表控件和视频组件的滑动冲突。

再者，本发明通过卡片与预设位置的相对位置来确定视频的停止或播放，有利于节省网络带宽资源，降低终端消耗，提高终端运行流畅性；同时在终端处于WI-FI连接时，预加载目标视频及目标视频对应的卡片编号后的其它卡片对应的视频，以便当播放目标视频或切换播放其他视频时，能够更快地渲染出视频画面。

以上所述仅是本发明的部分实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。