CN108182030B - 一种播放器控件隐藏方法及装置 - Google Patents

Abstract

本申请涉及一种播放器控件隐藏方法及装置，用于对浏览器中播放的视频播放界面进行控制，所述方法包括：当检测到用户所请求的页面具有视频标签时，获取预设控件遮挡脚本；确定所述页面中与所述视频标签对应的播放器脚本；按照所述播放器脚本在所述页面上生成与所述视频标签对应的视频播放界面，所述视频播放界面上显示有控件；根据所述预设控件遮挡脚本在所述视频播放界面上生成遮挡层，所述遮挡层的位置位于所述视频播放界面的控件顶部。由于视频播放界面中的控件不可见，所以就无法对视频进行操控，进而避免了由于误触摸控件，而导致视频播放中断或出现其它错误的问题，使得用户体验效果提高。

Description

一种播放器控件隐藏方法及装置

技术领域

本申请涉及浏览器技术领域，尤其涉及一种播放器控件隐藏方法及装置。

背景技术

随着移动终端性能的不断提高和无线互联技术的发展，通过移动终端进行视频播放变得越来越普遍。用户对通过移动终端进行视频播放的要求也越来越高。

现在的移动终端上的浏览器在播放网络中的视频时，是对通过页面获取到视频源直接进行播放，视频播放窗口样式，例如：控件的数量、图标以及位置等都一般都由视频源决定，例如：观看优酷网站中的视频时，视频播放窗口的样式为优酷定义的样式，观看爱奇艺网站中的视频时，视频播放窗口的样式为爱奇艺自定义的样式。

但对于一些视频需要用户直接观看，而无需用户操作，例如：会议直播或其它视频直播，由于播放窗口上显示有控件，所以用户在观看视频过程中，常常会出现误触摸控件，而导致视频播放中断或出现其它错误，用户体验效果差。

发明内容

为了解决上述技术问题或者至少部分地解决上述技术问题，本申请提供了一种播放器控件隐藏方法及装置。

有鉴于此，第一方面，本申请提供了一种播放器控件隐藏方法，用于对浏览器中播放的视频播放界面进行控制，所述方法包括：

当检测到用户所请求的页面具有视频标签时，获取预设控件遮挡脚本；

确定所述页面中与所述视频标签对应的播放器脚本；

按照所述播放器脚本在所述页面上生成与所述视频标签对应的视频播放界面，所述视频播放界面上显示有控件；

根据所述预设控件遮挡脚本在所述视频播放界面上生成遮挡层，所述遮挡层的位置位于所述视频播放界面的控件顶部。

可选地，所述播放器脚本中包含有控件脚本，

所述方法还包括：

确定所述播放器脚本中所述控件脚本的位置；

将所述预设控件遮挡脚本加入到所述播放器脚本中与所述控件脚本对应的位置；

设置所述预设控件遮挡脚本的优先级高于所述控件脚本的优先级。

可选地，所述根据所述预设控件遮挡脚本在所述视频播放界面上生成遮挡层，包括：

在所述播放器脚本中查找与控件相关的脚本；

当与控件相关的脚本有多个时，选取优先级较高的预设控件遮挡脚本；

在生成与所述视频标签对应的视频播放界面同时，在所述视频播放界面上渲染生成遮挡层。

可选地，所述方法还包括：

获取所述浏览器中控件遮挡的设置状态；

判断所述设置状态是否为遮挡状态；

当所述设置状态为遮挡状态时，执行所述根据所述预设控件遮挡脚本在所述视频播放界面上生成遮挡层的步骤。

第二方面，本申请还提供一种播放器控件隐藏方法，用于对浏览器中播放的视频播放界面进行控制，所述方法包括：

当检测到用户所请求的页面具有视频标签时，获取预设控件遮挡脚本；

确定所述页面中与所述视频标签对应的播放器脚本；所述播放器脚本中包含有控件脚本，

确定所述播放器脚本中所述控件脚本的位置；

将所述控件脚本从所述播放器脚本中删除；

将所述预设控件遮挡脚本加入到所述控件脚本对应的位置；

按照修改后所述播放器脚本在所述页面上生成与所述视频标签对应的视频播放界面，所述视频播放界面上不显示控件。

第三方面，本申请还提供一种播放器控件隐藏装置，用于对浏览器中播放的视频播放界面进行控制，所述装置包括：

脚本获取单元，用于当检测到用户所请求的页面具有视频标签时，获取预设控件遮挡脚本；

确定单元，用于确定所述页面中与所述视频标签对应的播放器脚本；

界面生成单元，用于按照所述播放器脚本在所述页面上生成与所述视频标签对应的视频播放界面，所述视频播放界面上显示有控件；

遮挡层生成单元，用于根据所述预设控件遮挡脚本在所述视频播放界面上生成遮挡层，所述遮挡层的位置位于所述视频播放界面的控件顶部。

可选地，所述播放器脚本中包含有控件脚本，

所述装置还包括：

位置确定子单元，用于确定所述播放器脚本中所述控件脚本的位置；

脚本注入子单元，用于将所述预设控件遮挡脚本加入到所述播放器脚本中与所述控件脚本对应的位置；

优先级设置子单元，用于设置所述预设控件遮挡脚本的优先级高于所述控件脚本的优先级。

可选地，所述遮挡层生成单元，包括：

脚本查找子单元，用于在所述播放器脚本中查找与控件相关的脚本；

脚本选取子单元，当与控件相关的脚本有多个时，选取优先级较高的预设控件遮挡脚本；

渲染子单元，用于在生成与所述视频标签对应的视频播放界面同时，在所述视频播放界面上渲染生成遮挡层。

可选地，所述装置还包括：

状态获取单元，用于获取所述浏览器中控件遮挡的设置状态；

状态判断单元，用于判断所述设置状态是否为遮挡状态；

所述遮挡层生成单元，还用于当所述设置状态为遮挡状态时，执行所述根据所述预设控件遮挡脚本在所述视频播放界面上生成遮挡层的步骤。

第四方面，本申请还提供一种播放器控件隐藏装置，用于对浏览器中播放的视频播放界面进行控制，所述装置包括：

脚本获取单元，用于当检测到用户所请求的页面具有视频标签时，获取预设控件遮挡脚本；

脚本确定单元，用于确定所述页面中与所述视频标签对应的播放器脚本；所述播放器脚本中包含有控件脚本，

位置确定单元，用于确定所述播放器脚本中所述控件脚本的位置；

删除单元，用于将所述控件脚本从所述播放器脚本中删除；

加入单元，用于将所述预设控件遮挡脚本加入到所述控件脚本对应的位置；

界面生成单元，用于按照修改后所述播放器脚本在所述页面上生成与所述视频标签对应的视频播放界面，所述视频播放界面上不显示控件。

本申请实施例提供的上述技术方案与现有技术相比具有如下优点：

本申请实施例中提供的该方法，当检测到用户所请求的页面具有视频标签时，获取预设控件遮挡脚本；确定所述页面中与所述视频标签对应的播放器脚本；按照所述播放器脚本在所述页面上生成与所述视频标签对应的视频播放界面，所述视频播放界面上显示有控件；根据所述预设控件遮挡脚本在所述视频播放界面上生成遮挡层，所述遮挡层的位置位于所述视频播放界面的控件顶部。

该方法在应用中，在播放一些不需要用户操作的视频时，可以在浏览器的页面中生成视频播放界面之前，获取预先编写的预设控件遮挡脚本，然后在渲染时，利用播放器脚本生成播放器界面，并且根据所述预设控件遮挡脚本在所述视频播放界面上生成遮挡层，就可以使得播放器上的控件被遮挡，也就是播放器界面不显示控件。

这样用户在观看视频时，由于视频播放界面中的控件不可见，所以就无法对视频进行操控，进而避免了由于误触摸控件，而导致视频播放中断或出现其它错误的问题，使得用户体验效果提高。

附图说明

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

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为本申请实施例提供的播放器控件隐藏方法的流程示意图；

图2为本申请实施例提供的播放器控件隐藏装置的结构示意图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请的一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。

本申请实施例提供了一种播放器控件隐藏方法，该方法用于对浏览器中播放的视频播放界面进行控制。该方法可以应用于智能终端，例如：手机、平板电脑等。

图1为本申请实施例提供的播放器控件隐藏方法的流程示意图。

如图1所示，该方法可以包括以下步骤。

S101，当检测到用户所请求的页面具有视频标签时，获取预设控件遮挡脚本。

预设控件遮挡脚本，是浏览器的开发人员针对当前浏览器预先编写好的脚本，这个脚本的逻辑是在对视频播放界面上不显示控件。

在本申请实施例中，预设控件遮挡脚本可以预先植入到浏览器本地，另外，预设控件遮挡脚本还可以位于浏览器的远程服务器中，当用户设置需要对控件进行遮挡时，也即开启控件遮挡功能时，才从远程服务器中下载得到该预设控件遮挡脚本。

S102，确定所述页面中与所述视频标签对应的播放器脚本。

当加载具有视频的页面时，页面的代码段中的代码有很多，其中会包含有视频标签，以及和视频标签对应的播放器脚本，播放器脚本的作用是在加载网页时，可以在网页上创建播放器播放界面。

S103，按照所述播放器脚本在所述页面上生成与所述视频标签对应的视频播放界面。

当获取到播放器的脚本后，就可以在页面上生成和视频标签对应的视频播放界面。

通常情况下，不同视频网站的播放器脚本都是各自设置，样式都各不相同，但为了便于控制，通常情况下，在所述视频播放界面上都显示有控件，控件可以包括：播放/暂停控件、快进/快退控件、音量调节控件、亮度调节控件以及设置控件等，对于一些网站，控件还可能包括弹幕控件等。

S104，根据所述预设控件遮挡脚本在所述视频播放界面上生成遮挡层，所述遮挡层的位置位于所述视频播放界面的控件顶部。

当生成视频播放界面后，可以根据预先编写的控件遮挡脚本在该视频播放界面上生成遮挡层。

本申请实施例中提供的该方法，当检测到用户所请求的页面具有视频标签时，获取预设控件遮挡脚本；确定所述页面中与所述视频标签对应的播放器脚本；按照所述播放器脚本在所述页面上生成与所述视频标签对应的视频播放界面，所述视频播放界面上显示有控件；根据所述预设控件遮挡脚本在所述视频播放界面上生成遮挡层，所述遮挡层的位置位于所述视频播放界面的控件顶部。

该方法在应用中，在播放一些不需要用户操作的视频时，可以在浏览器的页面中生成视频播放界面之前，获取预先编写的预设控件遮挡脚本，然后在渲染时，利用播放器脚本生成播放器界面，并且根据所述预设控件遮挡脚本在所述视频播放界面上生成遮挡层，就可以使得播放器上的控件被遮挡，也就是播放器界面不显示控件。

这样用户在观看视频时，由于视频播放界面中的控件不可见，所以就无法对视频进行操控，进而避免了由于误触摸控件，而导致视频播放中断或出现其它错误的问题，使得用户体验效果提高。

在本申请一个实施例中，在播放器脚本中包含有控件脚本，该方法还可以包括以下步骤。

确定所述播放器脚本中所述控件脚本的位置。

将所述预设控件遮挡脚本加入到所述播放器脚本中与所述控件脚本对应的位置。

设置所述预设控件遮挡脚本的优先级高于所述控件脚本的优先级。

在本申请实施例中，可以将预设控件遮挡脚本注入到播放器脚本中，并且通过设置优先级的方式，在对渲染生成视频播放界面时，根据优先级高低，只读取所述预设控件遮挡脚本，这样，前述步骤S103和步骤S104，可以同时进行。

因此，在前述实施例的基础上，前述步骤S104可以包括以下步骤。

在所述播放器脚本中查找与控件相关的脚本；

当与控件相关的脚本有多个时，选取优先级较高的预设控件遮挡脚本；

在生成与所述视频标签对应的视频播放界面同时，在所述视频播放界面上渲染生成遮挡层。

在本申请另一实施例中，该方法还可以包括以下步骤。

获取所述浏览器中控件遮挡的设置状态；

判断所述设置状态是否为遮挡状态；

当所述设置状态为遮挡状态时，执行所述根据所述预设控件遮挡脚本在所述视频播放界面上生成遮挡层的步骤。

在浏览器的设置界面中，具有控件遮挡设置开关，进而在该实施例中，可以先获取控件遮挡的设置状态，只有用户选择将设置状态设置为遮挡状态时，才进行前述步骤S101，从本地或从远程服务器中获取预设控件遮挡脚本。

本申请还提供一种播放器控件隐藏方法，用于对浏览器中播放的视频播放界面进行控制，该方法包括以下步骤：

S201，当检测到用户所请求的页面具有视频标签时，获取预设控件遮挡脚本；

S202，确定所述页面中与所述视频标签对应的播放器脚本；所述播放器脚本中包含有控件脚本，

S203，确定所述播放器脚本中所述控件脚本的位置；

S204，将所述控件脚本从所述播放器脚本中删除；

S205，将所述预设控件遮挡脚本加入到所述控件脚本对应的位置；

S206，按照修改后所述播放器脚本在所述页面上生成与所述视频标签对应的视频播放界面，所述视频播放界面上不显示控件。

本申请实施例提供的该方法，与图1所示实施例相比，在页面中生成视频播放界面之前，就预先将播放器脚本中的控件脚本进行替换，将原来的脚本控件替换为预设控件遮挡脚本，这样在后续生成视频播放界面的同时，直接在视频播放界面上对控件遮挡，使得视频播放界面上不显示控件。

本申请还提供一种播放器控件隐藏装置，用于对浏览器中播放的视频播放界面进行控制，如图2所示，该装置包括：

脚本获取单元11，用于当检测到用户所请求的页面具有视频标签时，获取预设控件遮挡脚本；

确定单元12，用于确定所述页面中与所述视频标签对应的播放器脚本；

界面生成单元13，用于按照所述播放器脚本在所述页面上生成与所述视频标签对应的视频播放界面，所述视频播放界面上显示有控件；

遮挡层生成单元14，用于根据所述预设控件遮挡脚本在所述视频播放界面上生成遮挡层，所述遮挡层的位置位于所述视频播放界面的控件顶部。

在本申请一个实施例中，所述播放器脚本中包含有控件脚本，所述装置还包括：

位置确定子单元，用于确定所述播放器脚本中所述控件脚本的位置；

脚本注入子单元，用于将所述预设控件遮挡脚本加入到所述播放器脚本中与所述控件脚本对应的位置；

优先级设置子单元，用于设置所述预设控件遮挡脚本的优先级高于所述控件脚本的优先级。

在本申请一个实施例中，所述遮挡层生成单元，包括：

脚本查找子单元，用于在所述播放器脚本中查找与控件相关的脚本；

脚本选取子单元，当与控件相关的脚本有多个时，选取优先级较高的预设控件遮挡脚本；

渲染子单元，用于在生成与所述视频标签对应的视频播放界面同时，在所述视频播放界面上渲染生成遮挡层。

本申请还提供一种播放器控件隐藏装置，用于对浏览器中播放的视频播放界面进行控制，该装置包括：

脚本获取单元，用于当检测到用户所请求的页面具有视频标签时，获取预设控件遮挡脚本；

脚本确定单元，用于确定所述页面中与所述视频标签对应的播放器脚本；所述播放器脚本中包含有控件脚本，

位置确定单元，用于确定所述播放器脚本中所述控件脚本的位置；

删除单元，用于将所述控件脚本从所述播放器脚本中删除；

加入单元，用于将所述预设控件遮挡脚本加入到所述控件脚本对应的位置；

界面生成单元，用于按照修改后所述播放器脚本在所述页面上生成与所述视频标签对应的视频播放界面，所述视频播放界面上不显示控件。

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本发明时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置或***实施例而言，由于其基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。以上所描述的装置及***实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

可以理解的是，本发明可用于众多通用或专用的计算***环境或配置中。例如：个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器***、基于微处理器的***、置顶盒、可编程的消费电子设备、网络PC、小型计算机、大型计算机、包括以上任何***或设备的分布式计算环境等等。

本发明可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本发明，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅是本发明的具体实施方式，使本领域技术人员能够理解或实现本发明。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所申请的原理和新颖特点相一致的最宽的范围。

Claims (6)

1.一种播放器控件隐藏方法，用于对浏览器中播放的视频播放界面进行控制，其特征在于，所述方法包括：

获取所述浏览器中控件遮挡的设置状态；

判断所述设置状态是否为遮挡状态；

当所述设置状态为遮挡状态时，执行根据预设控件遮挡脚本在所述视频播放界面上生成遮挡层的步骤；

当检测到用户所请求的页面具有视频标签时，获取预设控件遮挡脚本；

确定所述页面中与所述视频标签对应的播放器脚本，所述播放器脚本中包含有控件脚本；

按照所述播放器脚本在所述页面上生成与所述视频标签对应的视频播放界面，所述视频播放界面上显示有控件；

根据所述预设控件遮挡脚本在所述视频播放界面上生成遮挡层，所述遮挡层的位置位于所述视频播放界面的控件顶部；

所述方法还包括：

确定所述播放器脚本中所述控件脚本的位置；

将所述预设控件遮挡脚本加入到所述播放器脚本中与所述控件脚本对应的位置；

设置所述预设控件遮挡脚本的优先级高于所述控件脚本的优先级。

2.根据权利要求1所述的方法，其特征在于，所述根据所述预设控件遮挡脚本在所述视频播放界面上生成遮挡层，包括：

在所述播放器脚本中查找与控件相关的脚本；

当与控件相关的脚本有多个时，选取优先级较高的预设控件遮挡脚本；

在生成与所述视频标签对应的视频播放界面同时，在所述视频播放界面上渲染生成遮挡层。

3.一种播放器控件隐藏方法，用于对浏览器中播放的视频播放界面进行控制，其特征在于，所述方法包括：

当检测到用户所请求的页面具有视频标签时，获取预设控件遮挡脚本；

确定所述页面中与所述视频标签对应的播放器脚本；所述播放器脚本中包含有控件脚本，

确定所述播放器脚本中所述控件脚本的位置；

将所述控件脚本从所述播放器脚本中删除；

将所述预设控件遮挡脚本加入到所述控件脚本对应的位置；

按照修改后所述播放器脚本在所述页面上生成与所述视频标签对应的视频播放界面，所述视频播放界面上不显示控件。

4.一种播放器控件隐藏装置，用于对浏览器中播放的视频播放界面进行控制，其特征在于，所述装置包括：

状态获取单元，用于获取所述浏览器中控件遮挡的设置状态；

状态判断单元，用于判断所述设置状态是否为遮挡状态；

遮挡层生成单元，用于当所述设置状态为遮挡状态时，执行根据预设控件遮挡脚本在所述视频播放界面上生成遮挡层的步骤；

脚本获取单元，用于当检测到用户所请求的页面具有视频标签时，获取预设控件遮挡脚本；

确定单元，用于确定所述页面中与所述视频标签对应的播放器脚本，所述播放器脚本中包含有控件脚本；

界面生成单元，用于按照所述播放器脚本在所述页面上生成与所述视频标签对应的视频播放界面，所述视频播放界面上显示有控件；

遮挡层生成单元，用于根据所述预设控件遮挡脚本在所述视频播放界面上生成遮挡层，所述遮挡层的位置位于所述视频播放界面的控件顶部；

所述装置还包括：

位置确定子单元，用于确定所述播放器脚本中所述控件脚本的位置；

脚本注入子单元，用于将所述预设控件遮挡脚本加入到所述播放器脚本中与所述控件脚本对应的位置；

优先级设置子单元，用于设置所述预设控件遮挡脚本的优先级高于所述控件脚本的优先级。

5.根据权利要求4所述的装置，其特征在于，所述遮挡层生成单元，包括：

脚本查找子单元，用于在所述播放器脚本中查找与控件相关的脚本；

脚本选取子单元，当与控件相关的脚本有多个时，选取优先级较高的预设控件遮挡脚本；

渲染子单元，用于在生成与所述视频标签对应的视频播放界面同时，在所述视频播放界面上渲染生成遮挡层。

6.一种播放器控件隐藏装置，用于对浏览器中播放的视频播放界面进行控制，其特征在于，所述装置包括：

脚本获取单元，用于当检测到用户所请求的页面具有视频标签时，获取预设控件遮挡脚本；

脚本确定单元，用于确定所述页面中与所述视频标签对应的播放器脚本；所述播放器脚本中包含有控件脚本，

位置确定单元，用于确定所述播放器脚本中所述控件脚本的位置；

删除单元，用于将所述控件脚本从所述播放器脚本中删除；

加入单元，用于将所述预设控件遮挡脚本加入到所述控件脚本对应的位置；

界面生成单元，用于按照修改后所述播放器脚本在所述页面上生成与所述视频标签对应的视频播放界面，所述视频播放界面上不显示控件。

Images