[发明专利]一种浏览器内视频小窗播放的方法和装置

说明书

技术领域

本发明涉及网页处理领域，具体涉及一种浏览器内视频小窗播放的方法和装置。

背景技术

现有不少支持视频小窗播放的浏览器，各浏览器的实现方式不同，也存在各自的缺陷。现有的方式多是新建一个窗口，然后提取网页中的视频源地址放进新建的窗口中。这种方式往往导致视频移到新建的窗口后又要重新加载播放，不人性化，用户体验不好。另外，在网页中经常会出现视频元素是嵌套在多重框架内，即嵌套在iframe中，这样可能会出现判断不到嵌套在iframe中的视频元素。

发明内容

为了克服现有技术的不足，本发明的目的在于提供一种浏览器内视频小窗播放的方法和装置，实现更稳定识别网页中的视频元素并将其提取出来移到新的窗口中，不影响视频的播放，不需要重新加载，而且窗口的大小自适应视频的原始大小，并隐藏其他页面浮动的元素，给用户较好的体验。

为解决上述问题，本发明所采用的技术方案如下：

技术方案一：

一种浏览器内视频小窗播放的方法，包括以下步骤：

步骤A：获取当前网页窗口中被选中的视频元素；

步骤C：创建一个独立于当前网页窗口的用于容纳和播放视频的独立视频窗口；

步骤D：将步骤A中的当前网页窗口中除视频元素外的其它元素隐藏；

步骤E：将步骤A中的当前网页窗口移动并绑定于独立视频窗口中。

在步骤A之前还包括：

步骤A1：根据用户鼠标在当前网页窗口中所指向的元素类型判断是否为视频元素，若是，则标记为被选中的视频元素并执行步骤A；若否，执行步骤A2；

步骤A2：判断鼠标所指向的元素类型是否为iframe元素，若是，执行步骤A3，若否，表示该鼠标所指的元素不是视频元素，结束流程；

步骤A3：重复判断iframe元素中是否嵌套有另一iframe元素，直至判断到非iframe元素，执行步骤A4；

步骤A4：判断该非iframe元素是否为视频元素，若是，则标记为被选中的视频元素并执行步骤A；若否，表示该鼠标所指的元素不是视频元素，结束流程。

在步骤A和步骤C之间还包括：

步骤B：发起是否同意小窗播放的请求并接收用户的回复，若同意，则执行步骤C；若拒绝，则流程结束。

在步骤C中还包括：获取步骤A中被选中的视频元素中的视频窗口大小，并调整独立视频窗口的大小与该视频窗口大小一致。

在步骤C中还包括：设置独立视频窗口的属性为可拖动且大小可调。

在步骤E之后还包括，

步骤F：在独立视频窗口中添加用于将步骤A中的当前网页窗口解绑恢复的指令。

技术方案二：

一种浏览器内视频小窗播放的装置，包括以下模块：

视频元素获取模块：用于获取当前网页窗口中被选中的视频元素；

创建独立窗口模块：用于创建一个独立于当前网页窗口的用于容纳和播放视频的独立视频窗口；

隐藏元素模块：用于将视频元素获取模块中的当前网页窗口中除被选中的视频元素外的其它元素隐藏；

网页分离模块：用于将视频元素获取模块中的当前网页窗口移动并绑定于独立视频窗口中。

在创建独立窗口模块之前还包括：

元素判断模块A：用于根据用户鼠标在当前网页窗口中所指向的元素类型判断是否为视频元素，若是，则标记为被选中的视频元素并执行视频元素获取模块；若否，执行元素判断模块B；

元素判断模块B：用于判断鼠标所指向的元素类型是否为iframe元素，若是，执行元素判断模块C，若否，表示该鼠标所指的元素不是视频元素，结束流程；

元素判断模块C：用于重复判断iframe元素中是否嵌套有另一iframe元素，直至判断到非iframe元素，执行元素判断模块D；

元素判断模块D：用于判断该非iframe元素是否为视频元素，若是，则标记为被选中的视频元素并执行视频元素获取模块；若否，表示该鼠标所指的元素不是视频元素，结束流程。

在视频元素获取模块和创建独立窗口模块之间还包括：

独立窗口请求模块：用于发起是否同意小窗播放的请求并接收用户的回复，若同意，则执行创建独立窗口模块；若拒绝，则流程结束。

在创建独立窗口模块中还包括：获取视频元素获取模块中被选中的视频元素中的视频窗口大小，并调整独立视频窗口的大小与该视频窗口大小一致。在创建独立窗口模块中还包括：设置独立视频窗口的属性为可拖动且大小可调。