[发明专利]网页中视频播放方法及装置

说明书

本发明提出一种网页中视频播放方法及装置，其中方法包括：在网页中视频控件的定位类型为相对网页固定时，根据视频控件在终端显示区域上的位置信息，判断视频控件的视频区域是否全部显示在终端显示区域上；若否，则对定位类型以及显示层位属性进行存储，并将视频控件的定位类型修改为相对终端显示区域固定，将视频控件的显示层位属性修改为最上层显示，将视频控件的位置信息修改为预设位置信息，预设位置信息为视频控件的视频区域位于终端显示区域顶部时的位置信息，从而实现视频控件的悬浮播放，且在正常播放状态和悬浮播放状态之间切换时视频播放保持流畅，没有停顿，提高了视频播放效果，终端用户的观看体验较好。

技术领域

本发明涉及网页浏览器技术领域，尤其涉及一种网页中视频播放方法及装置。

背景技术

目前，如手机之类的终端设备通常都具有视频播放功能，用户可通过终端设备中安装的视频播放器播放视频。在浏览器中，为了满足用户同时观看视频和浏览网页内容的需求，可以提供视频悬浮播放的功能。

目前的视频悬浮播放实现方案主要有两类，一类是重用原有视频播放控件；另一类是复制一份视频播放控件。重用原有视频播放控件的方案主要是：停止播放视频，从当前视图框架中移除视频，重新挂载视频到不同的挂载点，恢复播放视频。然而上述方案中，在正常播放状态和悬浮播放状态之间切换时难以保持视频播放流畅，视频播放有停顿，影响视频播放效果，影响终端用户的观看体验。

发明内容

本发明旨在至少在一定程度上解决相关技术中的技术问题之一。

为此，本发明的第一个目的在于提出一种网页中视频播放方法，用于解决现有技术中网页视频播放效果差的问题。

本发明的第二个目的在于提出一种网页中视频播放装置。

本发明的第三个目的在于提出另一种网页中视频播放装置。

本发明的第四个目的在于提出一种非临时性计算机可读存储介质。

本发明的第五个目的在于提出一种计算机程序产品。

为达上述目的，本发明第一方面实施例提出了一种网页中视频播放方法，包括：

获取终端上显示的网页中视频控件的定位属性以及显示层位属性，所述定位属性包括：定位类型以及所述视频控件在终端显示区域上的位置信息；

在所述定位类型为相对网页固定时，根据所述视频控件在终端显示区域上的位置信息，判断所述视频控件的视频区域是否全部显示在所述终端显示区域上；

若所述视频控件的视频区域未全部显示在所述终端显示区域上，则对所述定位类型以及所述显示层位属性进行存储；

将所述视频控件的定位类型修改为相对终端显示区域固定，将所述视频控件的显示层位属性修改为最上层显示，将所述视频控件的位置信息修改为预设位置信息，所述预设位置信息为所述视频控件的视频区域位于终端显示区域顶部时的位置信息。

本发明实施例的网页中视频播放方法，通过在网页中视频控件的定位类型为相对网页固定时，根据视频控件在终端显示区域上的位置信息，判断视频控件的视频区域是否全部显示在终端显示区域上；若视频控件的视频区域未全部显示在终端显示区域上，则对定位类型以及显示层位属性进行存储，并将视频控件的定位类型修改为相对终端显示区域固定，将视频控件的显示层位属性修改为最上层显示，将视频控件的位置信息修改为预设位置信息，预设位置信息为视频控件的视频区域位于终端显示区域顶部时的位置信息，从而实现视频控件的悬浮播放，且在正常播放状态和悬浮播放状态之间切换时视频播放保持流畅，没有停顿，提高了视频播放效果，终端用户的观看体验较好。

为达上述目的，本发明第二方面实施例提出了一种网页中视频播放装置，包括：