[发明专利]网页视频的全屏设置方法、设备及网页视频设置移动设备

说明书

本发明公开了一种网页视频的全屏设置方法、设备及移动设备。该方法包括：响应于所接收的进入全屏指令，锁定网页视图控件，以使得网页视图控件不发生旋转；拉伸视频父视图控件的展示界面，以使得其与移动设备的屏幕实现竖屏重合；根据预定的第一旋转角度，分别旋转视频视图控件和所述视频控制控件，以使得视频父视图控件实现横屏旋转；根据所获取的移动设备的屏幕的宽和高，拉伸视频父视图控件的展示界面至与移动设备的屏幕实现横屏重合。根据本发明，在实现网页视频的全屏设置时，不触发网页的重新排版，避免网页显示的跳动或卡顿，提升用户体验。

技术领域

本发明涉及网页视频播放技术领域，更具体地，涉及一种网页视频的全屏设置方法、设备及移动设备。

背景技术

随着移动设备的智能化普及和HTML5技术的发展，用户使用移动设备上安装的浏览器或者类似浏览器的网络应用，观看网页视频已经非常普遍。

在浏览器或者类似浏览器的网络应用在播放网页视频时，网页视频通常作为网页的一个普通节点，内嵌在网页中播放，因此网页视频的视频展示区域通常只是占据网页的一部分，用户在观看网页视频时，除了可以看到视频展示区域，还能看到视频展示区域之外的其他元素，例如介绍视频的文字、页面图标等。

而移动设备的屏幕通常较小，用户为获取更好的网页视频观看体验，通常会通过网页视频的点击控件选择进入视频全屏，使得网页视频的视频展示区域铺满移动设备的屏幕，获取更好的观看效果。而目前由于大部分的网页视频的宽度都大于高度，所以网页视频的视频全屏一般都是横屏展示，以使得视频展示区域获得最大的展示面积。

但是，现有浏览器或者浏览器应用播放网页视频的方案中，在实现网页视频全屏时，对于视频转为横屏展示的处理，通常都是通过横屏旋转整个用于展示网页内容的网页视图控件来完成，例如，通常是通过旋转与网页视图控件对应的Activity组件来实现，这样可以使得设置于网页视图控件中的用于展示视频内容的视频视图控件也同时发生横屏旋转，从而实现视频转为横屏展示。但是，旋转网页视图控件，例如旋转Activity组件，通常会导致浏览器或者浏览器应用的界面上的视图控件发生重新排版，至少包括网页视图控件发生重新排版，而网页视图控件的重新排版会导致网页的重新排版，这对基于HTML5技术开发的网页而言，会触发相应的JavaScript函数事件(简称为JS事件)，消耗大量的处理资源以执行该JS事件，从而带来网页显示的跳动或卡顿，十分影响用户的体验。

因此，发明人认为，有必要针对上述现有技术中存在的问题进行改进。

发明内容

本发明的一个目的是提供一种用于网页视频的全屏设置的新技术方案。

根据本发明的第一方面，提供了一种网页视频的全屏设置方法，包括：

包括：

响应于所接收的进入全屏指令，锁定网页视图控件，以使得所述网页视图控件不发生旋转，

其中，所述网页视图控件用于展示网页内容；

拉伸视频父视图控件的展示界面，以使得其与移动设备的屏幕实现竖屏重合，

其中，所述视频父视图控件中包含视频视图控件和视频控制控件，所述视频视图控件用于展示视频内容，所述视频控制控件用于控制视频内容的展示；

根据预定的第一旋转角度，分别旋转所述视频视图控件和所述视频控制控件，以使得所述视频父视图控件实现横屏旋转；

根据所获取的所述移动设备的屏幕的宽和高，拉伸所述视频父视图控件的展示界面至与所述移动设备的屏幕实现横屏重合。

可选地，

所述网页视图控件通过Activity组件实现；

所述锁定网页视图控件的步骤是：