CN112533048A - 一种视频播放方法、装置和设备 - Google Patents

Abstract

本公开关于一种视频播放方法、装置和设备，该方法应用于网页端，网页端响应于在网页上播放目标视频的指令，获取目标视频的尺寸信息，根据尺寸信息识别目标视频的显示类型。网页端在目标视频的显示类型是竖版显示状态下，调用与竖版显示状态匹配的竖版显示组件。网页端使用竖版显示组件显示目标视频。该方法可以在网页端对视频进行竖屏显示，避免了竖版显示的视频与现有的横屏播放器不匹配的问题，改善了视频的显示效果。该方法还可以在光标位于目标视频的显示区域状态下，响应于预设操作进行视频切换，简化了视频切换的方式，并可以同时切换视频的评论信息，无需退出视频的当前播放模式，提高了用户体验。

Description

一种视频播放方法、装置和设备

技术领域

本公开涉及视频播放领域，尤其涉及一种视频播放方法、装置和设备。

背景技术

在移动互联网时代，移动通信和互联网的结合给人们的生产生活提供了极大的便利，因此有很多用户会选择使用智能手机等移动终端进行上网，但互联网的网页端用户仍未消亡，如今每天仍有上亿用户在使用电脑上网。在相关技术中，使用电脑上网的用户经常访问的视频平台多为综合类视频平台和直播类视频平台，这些视频平台均为中长视频网站，播放的是中长视频，不能满足用户对短视频的网页消费需求。同时这些视频平台为了适应中长视频的播放，一般采用横屏播放的播放器，而短视频的录制多半采用手机直接录制的方式，使得横屏播放的播放器与短视频不能很好的匹配，导致短视频在网页端的显示效果不佳。且横屏播放的播放器在播放视频时，用户往往需要调整当前播放的模式才能查看视频的评论信息，而用户查看评论信息的操作通常会影响视频播放，使得用户体验不佳。

发明内容

本公开提供一种视频播放方法、装置和设备，以至少解决相关技术中网页端缺少竖屏播放器，降低了竖版的视频的显示效果的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种视频播放方法，所述方法应用于网页端，所述方法包括：

响应于在网页上播放目标视频的指令，获取所述目标视频的尺寸信息；

根据所述尺寸信息识别所述目标视频的显示类型；

在所述目标视频的显示类型是竖版显示状态下，调用与竖版显示状态匹配的竖版显示组件；

使用所述竖版显示组件显示所述目标视频。

作为一个可选的实施例，所述方法还包括：

获取光标的位置信息，所述光标为外接输入设备在显示界面上的标识；

所述光标的位置信息位于所述目标视频的显示区域内状态下，响应于预设操作将所述目标视频切换为待切换视频。

作为一个可选的实施例，所述方法还包括：

获取所述待切换视频的评论信息；

当所述目标视频切换为所述待切换视频时，在评论区域显示所述待切换视频的评论信息。

作为一个可选的实施例，所述方法还包括：

所述光标的位置信息位于所述评论区域状态下，响应于所述预设操作，在所述评论区域滚动显示所述目标视频的评论信息。

作为一个可选的实施例，所述方法还包括：

所述预设操作包括滚动鼠标、触发键盘上键、触发键盘下键，触发键盘左键，或者触发键盘右键任意一种。

作为一个可选的实施例，所述根据所述尺寸信息识别所述目标视频的显示类型之后，还包括：

在所述目标视频的显示类型是横版显示状态下，调用与横版显示状态匹配的横版显示组件；

使用所述横版显示组件显示所述目标视频。

作为一个可选的实施例，所述方法还包括：

获取与所述竖版显示组件匹配的播放组件；

基于所述播放组件，对所述目标视频的播放进程进行控制。

作为一个可选的实施例，所述基于所述播放组件，对所述目标视频的播放进程进行控制包括：

响应于对所述播放组件中进度条的进度条触发操作，确定所述目标视频的目标进度位置信息；

确定所述目标进度位置信息对应的视频时间戳信息；

根据所述视频时间戳信息，调整所述目标视频的播放进程。

根据本公开实施例的第二方面，提供了一种视频播放装置，所述装置包括：

尺寸信息获取模块，被配置为执行响应于在网页上播放目标视频的指令，获取所述目标视频的尺寸信息；

显示类型识别模块，被配置为执行根据所述尺寸信息识别所述目标视频的显示类型；

竖版显示组件调用模块，被配置为执行在所述目标视频的显示类型是竖版显示状态下，调用与竖版显示状态匹配的竖版显示组件；

竖版显示模块，被配置为执行使用所述竖版显示组件显示所述目标视频。

作为一个可选的实施例，所述装置还包括：

光标位置获取模块，被配置为执行获取光标的位置信息，所述光标表征外接输入设备在显示界面上的标识；

视频切换模块，被配置为执行所述光标的位置信息位于所述目标视频的显示区域内状态下，响应于预设操作将所述目标视频切换为待切换视频。

作为一个可选的实施例，所述装置还包括：

评论信息获取模块，被配置为执行获取所述待切换视频的评论信息；

评论信息切换模块，被配置为执行当所述目标视频切换为所述待切换视频时，在评论区域显示所述待切换视频的评论信息。

作为一个可选的实施例，所述装置还包括：

评论信息滚动模块，被配置为执行所述光标的位置信息位于所述评论区域状态下，响应于所述预设操作，在所述评论区域滚动显示所述目标视频的评论信息。

作为一个可选的实施例，所述预设操作包括滚动鼠标、触发键盘上键、触发键盘下键，触发键盘左键，或者触发键盘右键任意一种。

作为一个可选的实施例，所述装置还包括：

横版显示组件调用模块，被配置为执行在所述目标视频的显示类型是横版显示状态下，调用与横版显示状态匹配的横版显示组件；

横版显示模块，被配置为执行使用所述横版显示组件显示所述目标视频。

作为一个可选的实施例，所述装置还包括：

播放组件获取模块，被配置为执行获取与所述竖版显示组件匹配的播放组件；

播放控制模块，被配置为执行基于所述播放组件，对所述目标视频的播放进程进行控制。

作为一个可选的实施例，所述播放控制模块还包括：

播放进度确定单元，被配置为执行响应于对所述播放组件中进度条的进度条触发操作，确定所述目标视频的目标进度位置信息；

时间戳确定单元，被配置为执行确定所述目标进度位置信息对应的视频时间戳信息；

播放进程调整单元，被配置为执行根据所述视频时间戳信息，调整所述目标视频的播放进程。

根据本公开实施例的第三方面，提供一种电子设备，所述电子设备包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如本公开实施例的第一方面所述的一种视频播放方法。

根据本公开实施例的第四方面，提供一种计算机可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如本公开实施例的第一方面所述的一种视频播放方法。

根据本公开实施例的第五方面，提供一种计算机程序产品，所述计算机程序产品存储在存储介质中，使得计算机设备的处理器能够从存储介质中读取该计算机程序产品，并执行如本公开实施例的第一方面所述的一种视频播放方法。

本公开的实施例提供的技术方案至少带来以下有益效果：

网页端响应于在网页上播放目标视频的指令，获取目标视频的尺寸信息，根据尺寸信息识别目标视频的显示类型。网页端在目标视频的显示类型是竖版显示状态下，调用与竖版显示状态匹配的竖版显示组件。网页端使用竖版显示组件显示目标视频。该方法可以在网页端对视频进行竖屏显示，避免了竖版显示的视频与现有的横屏播放器不匹配的问题，改善了视频的显示效果，提高了用户体验。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。

图1是根据一示例性实施例示出的一种视频播放方法的应用场景示意图。

图2是根据一示例性实施例示出的一种视频播放方法的流程图。

图3是根据一示例性实施例示出的一种视频播放方法中获取目标竖版显示组件的方法流程图。

图4是根据一示例性实施例示出的一种视频播放方法中一种竖版的图像显示方式的示意图。

图5是根据一示例性实施例示出的一种视频播放方法中另一种获取目标竖版显示组件的方法流程图。

图6是根据一示例性实施例示出的一种视频播放方法中另一种竖版的图像显示方式的示意图。

图7是根据一示例性实施例示出的一种视频播放方法中视频切换的示意图。

图8是根据一示例性实施例示出的一种视频播放方法中评论信息切换的示意图。

图9是根据一示例性实施例示出的一种视频播放方法中评论信息滚动显示的示意图。

图10是根据一示例性实施例示出的一种视频播放方法中横版显示的方法流程图。

图11是根据一示例性实施例示出的一种视频播放装置的结构示意图。

图12是根据一示例性实施例示出的一种网页端视频播放电子设备的框图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

图1是根据一示例性实施例示出的一种视频播放方法的应用场景示意图，应用场景包括网页端110和服务器120。网页端110响应于在网页上播放目标视频的指令，从服务器120中获取待播放的目标视频，网页端110根据目标视频的尺寸信息，确定与目标视频的尺寸信息对应的显示类型，网页端110在目标视频对应的显示类型是竖版显示状态下，调用与竖版显示状态匹配的竖版显示组件，显示目标视频。在进行视频切换时，网页端110在光标的位置信息位于目标视频的显示区域内状态下，响应于预设操作时，可以将当前显示视频切换为待切换视频，网页端110可以从服务器120中获取待切换视频，待切换视频与当前显示的视频具有相同的显示类型。

在本公开实施例中，所述网页端110包括台式电脑、平板电脑、笔记本电脑、智能电视等不可移动的实体设备。本申请实施例中实体设备上运行的操作系统可以包括但不限于安卓系统、IOS系统、linux、Unix、windows等。网页端110可以同步播放视频的图像信息和声音信息，另外，该网页端110还可以基于超文本传输协议等传输协议将向服务器120获取视频。

在本发明实施例中，该服务器120可以包括一个独立运行的服务器，或者分布式服务器，或者由多个服务器组成的服务器集群。服务器120可以包括有网络通信单元、处理器和存储器等等。具体的，服务器120可以用于发送视频到网页端110中或发送预设的推荐列表中的视频到网页端110中。

图2是根据一示例性实施例示出的一种视频播放方法的流程图，如图2所示，该方法应用于网页端，该方法包括：

S210.响应于在网页上播放目标视频的指令，获取目标视频的尺寸信息；

作为一个可选的实施例，响应于在网页上播放目标视频的指令，网页端从服务器中获取目标视频的地址信息，通过对该地址信息进行解析，确定待播放的视频对应的播放页面。网页端根据该地址信息，从服务器中获取目标视频，并获取目标视频的尺寸信息。目标视频可以为其他用户使用手机录制并上传的短视频。

S220.根据尺寸信息识别目标视频的显示类型；

作为一个可选的实施例，目标视频的尺寸信息可以为视频图像宽高比，视频图像宽高比为视频图像的宽度和高度之间的比值，在获取视频图像宽高比时，可以从视频中获取某一帧视频图像，根据目标视频图像的宽度和高度的比值得到目标视频的视频图像宽高比。网页端可以根据目标视频的视频图像宽高比确定目标视频是否适用于横版显示，以及目标视频是否适用于竖版显示。

S230.在目标视频的显示类型是竖版显示状态下，调用与竖版显示状态匹配的竖版显示组件；

S240.使用竖版显示组件显示目标视频。

作为一个可选的实施例，请参见图3，在目标视频的显示类型是竖版显示状态下，调用与竖版显示状态匹配的竖版显示组件包括：

S310.获取预设的竖版显示组件；

S320.判断视频图像宽高比是否小于预设的宽高比阈值；

S330.若视频图像宽高比小于预设的宽高比阈值，则将预设的竖版显示组件作为目标竖版显示组件；

S340.基于目标竖版显示组件对应的图像显示区域，显示目标视频。

作为一个可选的实施例，在目标视频的显示类型是竖版显示状态时，网页端可以确定目标视频适用于竖屏播放，需要通过竖版显示组件对目标视频进行显示。请参见图4，如图4所示为一种竖版的视频图像显示的示意图，网页端获取预设的竖版显示组件后，若目标视频的视频图像宽高比小于预设的宽高比阈值，可以确定目标视频本身就为竖版结构的视频，则网页端可以直接将预设的竖版显示组件作为目标竖版显示组件，对目标视频进行显示。例如设置宽高比阈值为1，当视频图像宽高比小于1时，说明视频图像的高度大于视频图像的宽度，且与预设的竖版显示组件匹配，则将竖版显示组件作为目标竖版显示组件，对目标视频进行显示。

将竖版的目标视频直接通过竖版显示组件进行显示，可以避免在目标视频进行显示时，与现有的横屏播放器不匹配的问题，改善了视频的显示效果，提高了用户体验。

作为一个可选的实施例，请参见图5，获取预设的竖版显示组件之后，还包括：

S510.获取预设的竖版显示组件；

S520.判断视频图像宽高比是否小于预设的宽高比阈值；

S530.若视频图像宽高比大于预设的宽高比阈值，则确定竖版显示组件对应的图像显示区域中与视频图像宽高比匹配的目标图像显示区域；

S540.根据目标图像显示区域，对竖版显示组件进行处理；

S550.将处理后的竖版显示组件作为目标竖版显示组件；

S560.基于竖版显示组件对应的图像显示区域中的目标图像显示区域，显示目标视频。

作为一个可选的实施例，在目标视频的显示类型是竖版显示状态时，网页端可以确定目标视频适用于竖屏播放，需要通过竖版显示组件对目标视频进行显示。网页端获取预设的竖版显示组件后，若目标视频的视频图像宽高比大于等于预设的宽高比阈值，可以确定目标视频本身就为非竖版结构的视频，但是适用于竖屏播放。例如，目标视频为不同的手机端录制的短视频，由于手机端的格式、像素以及录像设置的不同，存在不同视频图像宽高比的视频，因此虽然目标是适用于竖屏播放，但是目标视频中视频图像的宽度大于视频图像的高度。

网页端获取预设的竖版显示组件后，若视频图像宽高比大于预设的宽高比阈值，说明目标视频虽然适用于竖版显示，但是目标视频的视频图像宽高比与预设的竖版显示组件对应的图像显示区域并不匹配，此时需要网页端对竖版显示组件对应的图像显示区域进行处理，将处理后的竖版显示组件作为目标竖版显示组件。

请参见图6，如图6所示为另一种竖版的视频图像显示的示意图，网页端在竖版显示组件对应的图像显示区域中选取与目标视频的视频图像宽高比匹配的目标图像显示区域。网页端确定目标图像显示区域后，对该竖版显示组件进行处理，可以将该竖版显示组件对应的图像显示区域中除过该目标图像显示区域以外的其他区域填充为背景图像。该背景图像可以为预设的单色图像，也可以为与目标视频的内容匹配的模板图像等。将处理后的竖版显示组件作为目标竖版显示组件，对目标视频进行显示。例如，目标视频的视频图像宽高比为4:3，则在竖版显示组件对应的图像显示区域中选择一个宽高比为4:3的区域，则将该区域确定为目标图像显示区域。网页端将竖版显示组件对应的图像显示区域中除了宽高比为4:3的区域外的其他区域填充为黑色的背景色。网页端将填充后的竖版显示组件作为目标竖版显示组件，对目标视频进行显示。

将适用于与竖版显示组件进行显示但是与竖版显示组件并不匹配的视频，可以对竖版显示组件进行处理后，通过竖版显示组件进行显示，可以避免在视频进行显示时，与现有的横屏播放器不匹配的问题，改善了视频的显示效果，提高了用户体验。

作为一个可选的实施例，该方法还包括视频切换的过程，视频切换的方法如下：

S710.获取光标的位置信息，光标为外接输入设备在显示界面上的标识；

S720.光标的位置信息位于目标视频的显示区域内状态下，响应于预设操作将目标视频切换为待切换视频。

作为一个可选的实施例，当光标的位置信息位于目标视频的显示区域时，网页端可以响应于预设操作，将目标视频切换为待切换视频。目标视频的显示区域可以为竖版显示组件对应的视频显示区域，待切换视频与目标视频的显示类型一致，可以在目标视频切换为待切换视频后，用目标视频对应的显示组件显示待切换视频。例如，当目标视频适用于横屏显示时，待切换视频适用于横屏显示，当目标视频适用于竖屏显示时，待切换视频适用于竖屏显示。

作为一个可选的实施例，请参见图7，如图7所示为视频切换的示意图。网页端使用竖版显示组件播放的视频为山水场景的视频A，视频A的下一个视频为多云场景的视频B，当从视频A切换到视频B时，视频A为目标视频，视频B为待切换视频。当鼠标光标的位置信息位于视频A的显示区域内，网页端响应于鼠标光标向下滚动的操作，键盘下键触发的操作或键盘右键触发的操作，将视频A切换为视频A的下一个视频，即视频B，此时网页端使用竖版显示组件播放的视频为视频B，当从视频B再切换到视频A时，视频B为目标视频，视频A为待切换视频。当鼠标光标的位置信息位于视频B的显示区域内，网页端响应于鼠标光标向上滚动的操作，键盘上键触发的操作或键盘左键触发的操作，将视频B切换为视频B的上一个视频，即视频A。

光标为外接输入设备在显示界面上的标识，例如鼠标在网页端的显示界面上的光标。预设操作包括滚动鼠标、触发键盘上键、触发键盘下键，触发键盘左键，或者触发键盘右键任意一种。

作为一个可选的实施例，可以通过鼠标滚轮操作触发视频切换。当鼠标光标的位置信息位于目标视频的显示区域内，且网页端响应于鼠标滚轮向下滚动的操作时，网页端从服务器处获取下一个播放的视频，将下一个播放的视频作为待切换视频。网页端将当前显示的目标视频切换为下一个播放的视频，并根据当前显示的目标视频对应的显示组件，显示下一个播放的视频。当鼠标光标的位置信息位于目标视频的显示区域内，且网页端响应于鼠标滚轮向上滚动的操作时，网页端从服务器处获取上一个播放的视频，将上一个播放的视频作为待切换视频。网页端将当前显示的目标视频切换为上一个播放的视频，并根据当前显示的目标视频对应的显示组件，显示上一个播放的视频。

作为一个可选的实施例，可以通过键盘操作触发视频切换。当鼠标光标的位置信息位于目标视频的显示区域内，网页端响应于键盘下键触发的操作或键盘右键触发的操作时，网页端从服务器处获取下一个播放的视频，将下一个播放的视频作为待切换视频。网页端将当前显示的目标视频切换为下一个播放的视频，并根据当前显示的目标视频对应的显示组件，显示下一个播放的视频。当鼠标光标的位置信息位于目标视频的显示区域内，网页端响应于键盘上键触发的操作或键盘左键触发的操作时，网页端从服务器处获取上一个播放的视频，将上一个播放的视频作为待切换视频。网页端将当前显示的目标视频切换为上一个播放的视频，并根据当前显示的目标视频对应的显示组件，显示上一个播放的视频。

对当前视频进行切换时，鼠标光标的位置位于目标视频的显示区域内且网页端响应于预设操作，获取待切换视频，将目标视频切换为待切换视频，可以简化视频切换的操作，提高用户体验，同时待切换视频与目标视频具有相同的显示类型，可以避免在进行视频切换时待切换视频与当前视频对应的显示组件不匹配，而导致显示效果下降的问题。

作为一个可选的实施例，网页端可以响应于自动播放指令，在当前显示的目标视频的播放进程结束前，自动获取下一个视频并准备播放下一个视频。在进行自动播放时，网页端可以向用户显示自动播放提示信息，例如在竖版显示组件对应的图像显示区域的右上方提示“3秒后播放下一个”。在当前显示的目标视频的播放进程结束时，网页端可以加载并播放下一个视频。例如，用户通过网页端观看一个连续剧集的视频时，此时用户可以选择自动播放模式，或者网页端默认选择自动播放模式。网页端响应于自动播放指令，在第一部分视频的播放进程结束前，获取第二部分视频，自动播放第二部分视频。用户还可以在随机观看视频时，选择自动播放模式。网页端响应于自动播放指令，在当前显示的目标视频的播放进程结束前，获取随机序列中的下一个视频，自动播放随机序列中的下一个视频。

作为一个可选的实施例，网页端使用竖版显示组件播放目标视频C，目标视频C的下一个视频为视频D，用户设置了自动播放模式，在目标视频C播放结束前，网页端对适用于竖版显示组件播放的下一个视频D进行解析，准备播放该下一个视频D。并在当前视频C的播放即将结束时，提示用户下一个视频即将开始播放。在目标视频C播放结束时，根据目标视频C播放结束的信息，网页端利用播放目标视频C的竖版显示组件播放下一个视频D。

采用系列视频原本的顺序或者视频推荐时的随机顺序，对视频进行自动播放，可以减少用户的操作，提高用户体验。

作为一个可选的实施例，该方法还包括：

S810.获取待切换视频的评论信息；

S820.当目标视频切换为待切换视频时，在评论区域显示待切换视频的评论信息。

作为一个可选的实施例，在将目标视频切换为待切换视频时，对应将目标视频的评论信息切换为待切换视频的评论信息。网页端可以同时显示目标视频和目标视频的评论信息，当网页端对目标视频进行切换时，网页端在获取待切换视频的同时获取待切换视频的评论信息，将目标视频切换为待切换视频，将目标视频的评论信息切换为待切换视频的评论信息。

作为一个可选的实施例，当光标的位置位于网页端的显示界面中的目标视频的显示区域时，网页端响应于预设操作，获取待切换视频和待切换视频的评论信息，将显示界面中的目标视频切换为待切换视频，同时网页端将显示界面中目标视频的评论信息切换为待切换视频的评论信息。作为一个可选的实施例，在网页端显示竖版的目标视频时，可以将竖版的目标视频显示在网页端的显示界面左侧，将竖版的目标视频对应的评论信息显示在网页端的显示界面右侧。

作为一个可选的实施例，请参见图8，如图8所示为评论信息切换的示意图，目标视频为山水场景的视频A，对视频A的评论为“有小船”，待切换视频为多云场景的视频B，对视频B的评论为“云很好看”。当光标的位置位于网页端的显示界面中的目标视频A的显示区域时，网页端响应于预设操作，将视频A切换为视频B，同时将评论区域中的评论信息“有小船”切换为评论信息“云很好看”。网页端将切换后的视频B和视频B的评论信息“云很好看”显示给用户。

在切换视频的同时切换视频的评论信息，可以同时显示切换后的视频和切换后的视频的评论信息，无需用户对评论信息进行点击再显示评论信息，提高了用户体验。

作为一个可选的实施例，该方法还包括：

光标的位置信息位于评论区域状态下，响应于预设操作，在评论区域滚动显示目标视频的评论信息。

作为一个可选的实施例，在网页端同时显示目标视频和目标视频的评论信息时，若光标的位置位于评论区域上，网页端响应于预设操作时，可以在评论区域中滚动显示目标视频的评论信息。在评论区域中滚动显示目标视频的评论信息时，不需要退出目标视频的当前播放模式。预设操作包括滚动鼠标、触发键盘上键、触发键盘下键，触发键盘左键，或者触发键盘右键任意一种。

在网页端显示竖版的目标视频时，可以将竖版的目标视频显示在网页端的显示界面左侧，将竖版的目标视频对应的评论信息显示在网页端的显示界面右侧。作为一个可选的实施例，可以通过鼠标滚轮操作触发评论信息的滚动显示，当光标位于网页端的显示界面右侧对应的评论区域，且网页端响应于鼠标滚轮向下滚动的操作时，网页端将当前显示的目标视频的评论信息切换为下一条目标视频的评论信息。当光标位于网页端的显示界面右侧对应的评论区域，且网页端响应于鼠标滚轮向上滚动的操作时，网页端将当前显示的目标视频的评论信息切换为上一条目标视频的评论信息。

作为一个可选的实施例，可以通过键盘操作触发评论信息的滚动显示，当光标位于网页端的显示界面右侧对应的评论区域，且网页端响应于键盘下键触发的操作或键盘右键触发的操作时，网页端将当前显示的目标视频的评论信息切换为下一条目标视频的评论信息。当光标位于网页端的显示界面右侧对应的评论区域，且网页端响应于键盘上键触发的操作或键盘左键触发的操作时，网页端将当前显示的目标视频的评论信息切换为上一条目标视频的评论信息。

作为一个可选的实施例，请参见图9，如图9所示为评论信息滚动显示的示意图，网页端在显示界面左侧显示山水场景的视频A，若在显示界面右侧显示视频A对应的评论信息1“有小船”时，光标位于网页端的显示界面右侧对应的评论区域，且网页端响应于鼠标滚轮向下滚动的操作，键盘下键触发的操作或键盘右键触发的操作，网页端将视频A对应的评论信息1“有小船”切换为评论信息2“山清水秀”，评论信息2“山清水秀”也为视频A的评论信息，此时不需要退出视频A的当前播放模式。若在评论区域当前显示的为评论信息2“山清水秀”时，光标位于网页端的显示界面右侧对应的评论区域，且网页端响应于鼠标滚轮向上滚动的操作，键盘上键触发的操作或键盘左键触发的操作，网页端可以将视频A对应的评论信息2“山清水秀”切换为评论信息1“有小船”，此时不需要退出视频A的当前播放模式。

在播放视频的同时滚动显示当前播放的视频的评论信息，使得用户在视频播放时也能够阅读评论信息，且无需退出视频的当前播放模式，视频播放不受影响，提高了用户体验。

作为一个可选的实施例，请参见图10，该方法还包括：

S1010.响应于在网页上播放目标视频的指令，获取目标视频的尺寸信息；

S1020.根据尺寸信息识别目标视频的显示类型；

S1030.在目标视频的显示类型是横版显示状态下，调用与横版显示状态匹配的横版显示组件；

S1040.使用横版显示组件显示目标视频。

作为一个可选的实施例，在确定目标视频的显示类型是横版显示状态时，调用横版显示组件对目标视频进行显示。横版显示状态可以通过目标视频的视频图像宽高比进行确定。当视频图像宽高比与适用于横屏显示的宽高比匹配时，说明目标视频适用于横屏显示，调用与目标视频匹配的横版显示组件。例如，设置适用于横屏显示的宽高比为16:9，当目标视频的视频图像宽高比为16:9时，说明目标视频只适用于横屏显示，获取预设的横版显示组件。基于横版显示组件对应的图像显示区域，显示目标视频。

作为一个可选的实施例，该方法还包括：

S1110.获取与竖版显示组件匹配的播放组件；

S1120.基于播放组件，对目标视频的播放进程进行控制。

作为一个可选的实施例，获取与目标竖版显示组件对应的图像显示区域匹配的目标播放组件，目标播放组件可以包括控制播放和暂停的虚拟按钮、进度条和控制音量的虚拟按钮等。目标播放组件和目标竖版显示组件分别设置在不同的图层中，目标播放组件设置在操作图层中，目标竖版显示组件设置在显示图层中。当获取目标播放组件显示指令时，可以显示操作图层从而显示目标播放组件，当获取目标播放组件隐藏指令时，可以隐藏操作图层从而隐藏目标操作组件，并不会干扰到目标竖版显示组件对视频的图像信息的显示。例如用户可以通过移动鼠标输入目标播放组件显示指令或目标播放组件隐藏指令。在视频播放状态下，用户将鼠标移动到目标竖版显示组件对应的图像显示区域上时，显示目标播放组件。在视频播放状态下，用户将鼠标移出目标竖版显示组件对应的图像显示区域时，隐藏目标播放组件。

基于目标播放组件，对视频的播放进程进行控制。例如当鼠标的光标位于目标竖版显示组件对应的图像显示区域时，获取输入的状态切换指令，可以对视频的播放状态和暂停状态进行切换，例如用户利用鼠标进行单击，切换视频的播放状态和暂停状态。网页端响应于用户输入的指令，还可以对目标播放组件中的进度条进行控制，以调整视频的播放进程。

作为一个可选的实施例，基于播放组件，对目标视频的播放进程进行控制包括：

S1210.响应于对播放组件中进度条的进度条触发操作，确定目标视频的目标进度位置信息；

S1220.确定目标进度位置信息对应的视频时间戳信息；

S1230.根据视频时间戳信息，调整目标视频的播放进程。

作为一个可选的实施例，目标播放组件中的进度条可以包括当前进度、视频加载进度和视频总长度。响应于目标播放组件中进度条的进度条点击指令，确定视频的目标进度位置信息。在确定目标进度位置信息时，若鼠标的光标与进度条的当前进度位置信息重合并获取进度条拖动指令，可以获取拖动结束时的进度位置信息，将拖动结束时的进度位置信息作为目标进度位置信息。若鼠标的光标与进度条的当前精度位置信息不重合，则可以直接获取鼠标的光标，将光标作为目标进度位置信息。

获取目标进度位置信息对应的视频时间戳信息。根据目标进度位置信息对应的视频时间戳信息，将视频的播放进度调整到对应的位置。

获取与竖版显示组件对应的目标播放组件，可以根据该目标播放组件对视频进行控制，提高了用户体验。

作为一个可选的实施例，网页端响应于在网页上播放目标视频的指令，获取待播放的目标视频。网页端同时获取目标视频的视频图像宽高比，以根据视频图像宽高比确定目标视频适用的显示组件。若目标视频的视频图像宽高比适用于横版显示状态，则网页端获取预设的横版显示组件。网页端基于横版显示组件，对目标视频的图像信息进行显示。若目标视频的视频图像宽高比不等于预设宽高比，则网页端获取预设的竖版显示组件。网页端基于竖版显示组件，对目标视频进行显示。

在网页端确定目标视频的视频图像宽高比适用于竖版显示状态，获取竖版显示组件时，网页端将目标视频的视频图像宽高比与预设的宽高比阈值进行比对。当目标视频的视频图像宽高比小于预设的宽高比阈值时，网页端可以确定目标视频与竖版显示组件匹配，则可以直接使用竖版显示组件作为目标竖版显示组件显示目标视频。当目标视频的视频图像宽高比大于等于设的宽高比阈值时，网页端可以确定目标视频虽然适用于竖版显示组件但是目标视频的尺寸与竖版显示组件并不匹配。网页端可以对竖版显示组件进行处理，将处理后的竖版显示组件作为目标竖版显示组件用来显示目标视频。

在对竖版显示组件进行处理时，网页端获取竖版显示组件对应的图像显示区域中与目标视频的视频图像宽高比匹配的目标图像显示区域。网页端通过目标图像显示区域来对目标视频进行显示，并利用单色背景等填充目标图像显示区域之外的其他区域。

网页端获取与竖版显示组件对应的播放组件，对视频的播放进程进行控制。网页端基于播放组件，可以进行暂停视频、播放视频以及调整进度条等操作。

网页端还可以对当前显示的目标视频进行切换。在光标位于目标视频的显示区域的状态下，网页端响应于鼠标或者键盘触发的操作，将目标视频切换为待切换视频。若网页端同时显示目标视频与目标视频的评论信息，则网页端在将目标视频切换为待切换视频时，将目标视频的评论信息切换为待切换视频的评论信息。

网页端还可以仅对对当前显示的目标视频的评论信息进行滚动显示。在光标位于目标视频的评论区域的状态下，网页端响应于鼠标或者键盘触发的操作，将当前显示的目标视频的评论信息切换为下一条目标视频的评论信息。

本公开实施例提供了一种视频播放方法，该方法包括：网页端响应于在网页上播放目标视频的指令，获取目标视频的尺寸信息，根据尺寸信息识别目标视频的显示类型。网页端在目标视频的显示类型是竖版显示状态下，调用与竖版显示状态匹配的竖版显示组件。网页端使用竖版显示组件显示目标视频。网页端在光标位于目标视频的显示区域状态下，响应于预设操作，将目标视频切换为待切换视频，并可以同时切换评论区域中的评论信息。该方法可以在网页端通过竖版播放器显示适用于竖屏显示的视频，可以避免适用于竖屏显示的视频在进行显示时，与现有的横屏播放器不匹配的问题，改善了视频的显示效果，提高了用户体验。该方法还可以在光标位于目标视频的显示区域状态下，响应于预设操作进行视频切换，简化了视频切换的方式，并可以同时切换视频的评论信息，无需退出视频的当前播放模式，提高了用户体验。

图11是根据一示例性实施例示出的一种视频播放装置框图。参照图11，该装置包括：尺寸信息获取模块1110、显示类型识别模块1120、竖版显示组件调用模块1130和竖版显示模块1140。

尺寸信息获取模块1110，被配置为执行响应于在网页上播放目标视频的指令，获取目标视频的尺寸信息；

显示类型识别模块1120，被配置为执行根据尺寸信息识别目标视频的显示类型；

竖版显示组件调用模块1130，被配置为执行在目标视频的显示类型是竖版显示状态下，调用与竖版显示状态匹配的竖版显示组件；

竖版显示模块1140，被配置为执行使用竖版显示组件显示目标视频。

作为一个可选的实施例，该装置还包括：

光标位置获取模块，被配置为执行获取光标的位置信息，该光标表征外接输入设备在显示界面上的标识；

视频切换模块，被配置为执行光标的位置信息位于目标视频的显示区域内状态下，响应于预设操作将目标视频切换为待切换视频。

作为一个可选的实施例，该装置还包括：

评论信息获取模块，被配置为执行获取待切换视频的评论信息；

评论信息切换模块，被配置为执行当目标视频切换为待切换视频时，在评论区域显示待切换视频的评论信息。

作为一个可选的实施例，该装置还包括：

评论信息滚动模块，被配置为执行光标的位置信息位于评论区域状态下，响应于预设操作，在评论区域滚动显示目标视频的评论信息。

作为一个可选的实施例，预设操作包括滚动鼠标、触发键盘上键、触发键盘下键，触发键盘左键，或者触发键盘右键任意一种。

作为一个可选的实施例，该装置还包括：

横版显示组件调用模块，被配置为执行在目标视频的显示类型是横版显示状态下，调用与横版显示状态匹配的横版显示组件；

横版显示模块，被配置为执行使用横版显示组件显示目标视频。

作为一个可选的实施例，该装置还包括：

播放组件获取模块，被配置为执行获取与竖版显示组件匹配的播放组件；

播放控制模块，被配置为执行基于播放组件，对目标视频的播放进程进行控制。

作为一个可选的实施例，该播放控制模块还包括：

播放进度确定单元，被配置为执行响应于对播放组件中进度条的进度条触发操作，确定目标视频的目标进度位置信息；

时间戳确定单元，被配置为执行确定目标进度位置信息对应的视频时间戳信息；

播放进程调整单元，被配置为执行根据视频时间戳信息，调整目标视频的播放进程。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图12是根据一示例性实施例示出的一种用于进行视频播放的电子设备的框图，该电子设备可以是网页端，其内部结构图可以如图12所示。该电子设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中，该电子设备的处理器用于提供计算和控制能力。该电子设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该电子设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种视频播放方法。该电子设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该电子设备的输入装置可以是显示屏上覆盖的触摸层，也可以是电子设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图12中示出的结构，仅仅是与本公开方案相关的部分结构的框图，并不构成对本公开方案所应用于其上的电子设备的限定，具体的电子设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在示例性实施例中，还提供了一种电子设备，包括：处理器；用于存储该处理器可执行指令的存储器；其中，该处理器被配置为执行该指令，以实现如本公开实施例中应用在网页端的视频播放方法。

在示例性实施例中，还提供了一种存储介质，当该存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行本公开实施例中应用在网页端的视频播放方法。

在示例性实施例中，还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行本公开实施例中的图像瑕疵填充网络确定方法或图像瑕疵处理方法。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，该计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (10)

1.一种视频播放方法，其特征在于，所述方法包括：

响应于在网页上播放目标视频的指令，获取所述目标视频的尺寸信息；

根据所述尺寸信息识别所述目标视频的显示类型；

在所述目标视频的显示类型是竖版显示状态下，调用与竖版显示状态匹配的竖版显示组件；

使用所述竖版显示组件显示所述目标视频。

2.根据权利要求1所述的一种视频播放方法，其特征在于，所述方法还包括：

获取光标的位置信息，所述光标为外接输入设备在显示界面上的标识；

所述光标的位置信息位于所述目标视频的显示区域内状态下，响应于预设操作将所述目标视频切换为待切换视频。

3.根据权利要求2所述的一种视频播放方法，其特征在于，所述方法还包括：

获取所述待切换视频的评论信息；

当所述目标视频切换为所述待切换视频时，在评论区域显示所述待切换视频的评论信息。

4.根据权利要求3所述的一种视频播放方法，其特征在于，所述方法还包括：

所述光标的位置信息位于所述评论区域状态下，响应于所述预设操作，在所述评论区域滚动显示所述目标视频的评论信息。

5.根据权利要求2-4任意一项所述的一种视频播放方法，其特征在于，所述方法还包括：

所述预设操作包括滚动鼠标、触发键盘上键、触发键盘下键，触发键盘左键，或者触发键盘右键任意一种。

6.根据权利要求2-4任意一项所述的一种视频播放方法，其特征在于，所述根据所述尺寸信息识别所述目标视频的显示类型之后，还包括：

在所述目标视频的显示类型是横版显示状态下，调用与横版显示状态匹配的横版显示组件；

使用所述横版显示组件显示所述目标视频。

7.根据权利要求1所述的一种视频播放方法，其特征在于，所述方法还包括：

获取与所述竖版显示组件匹配的播放组件；

基于所述播放组件，对所述目标视频的播放进程进行控制。

8.根据权利要求7所述的一种视频播放方法，其特征在于，所述基于所述播放组件，对所述目标视频的播放进程进行控制包括：

响应于对所述播放组件中进度条的进度条触发操作，确定所述目标视频的目标进度位置信息；

确定所述目标进度位置信息对应的视频时间戳信息；

根据所述视频时间戳信息，调整所述目标视频的播放进程。

9.一种视频播放装置，其特征在于，所述装置包括：

尺寸信息获取模块，被配置为执行响应于在网页上播放目标视频的指令，获取所述目标视频的尺寸信息；

显示类型识别模块，被配置为执行根据所述尺寸信息识别所述目标视频的显示类型；

竖版显示组件调用模块，被配置为执行在所述目标视频的显示类型是竖版显示状态下，调用与竖版显示状态匹配的竖版显示组件；

竖版显示模块，被配置为执行使用所述竖版显示组件显示所述目标视频。

10.一种电子设备，其特征在于，所述电子设备包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求1至8中任一项所述的一种视频播放方法。

Images