频资源加载在浏览器的第二层,第二蒙版加载在浏览器的第三层,页面内容加载在浏览器的第四层,第一层至第四层按顺序叠加显示在浏览器中,第一层为浏览器的最上层。需要说明的是,此处所指的浏览器加载的页面内容是指页面中被第一视频的播放框所覆盖区域的页面内容,相应地,第一蒙版和第二蒙版的尺寸和在页面中的位置也均与第一视频播放区域相对应。与叠加顺序相对应,在浏览器中显示顺序依次为第一蒙版、第一视频的视频资源、第二蒙版、页面内容。在显示第一视频的视频资源之前显示第一蒙版是为了避免视频加载时页面出现黑屏,在第一视频的视频资源播放完毕后显示第二蒙版是为了避免因第一视频的视频资源消失造成提取暴露页面内容,因此,本发明实施例通过架加载第一蒙版和第二蒙版并设置在页面中的叠加顺序能够解决相关技术在打开网页页面自动加载播放视频时页面出现黑屏现象影响用户观看体验的技术问题,进而达到提高用户观看效果,提高用户观看体验的技术效果。
[0043]作为一种可选地实施例,在步骤S16开始播放第一视频的视频资源时在浏览器中取消对第一蒙版的显示可以包括:从在浏览器中开始加载第一视频的视频资源之后的第二预定时间点开始,在浏览器中取消对第一蒙版的显示,其中,第一视频的视频资源在第二预定时间点之前或在第二预定时间点上开始播放。需要说明的是,该实施例中的第二预定时间点为根据网络、视频或者实际需求进行设定的时间点,在第二预定时间点取消对第一蒙版的显示,开始播放第一视频的视频资源。需要说明的是,本发明实施例控制在第二预定时间点之前或者第二预定时间点第一视频的视频资源开始播放,能够保证在第一蒙版取消显示的时刻或者之前的时刻能够播放第一视频,进而能够避免第一蒙版取消显示后无法播放第一视频造成页面出现黑屏,达到提高用户观看体验的效果。
[0044]作为一种可选地实施例,在浏览器中取消对第一蒙版的显不之前,该实施例的在浏览器中播放视频的方法还可以包括:根据第一视频的文件大小,和/或,浏览器接收视频资源的速度,和/或,浏览器加载视频资源的速度来设置第二预定时间点与开始加载第一视频的视频资源的加载时间点之间的时间间隔。需要说明的是,该步骤是为了确定第二预定时间点,即第一蒙版在哪个时间点取消显示。该步骤中综合考虑了第一视频的文件大小、浏览器接收视频资源的速度、浏览器加载视频资源的速度,使得第一蒙版取消显示的时间更加精确,进而达到既不会因为第一蒙版取消显示的时间过晚造成视频播放不完全,也不会因为第一蒙版取消显示过早造成页面出现黑屏的问题,进而达到了提高用户体验的效果。需要说明的是,本发明实施例并未对确定第一蒙版取消显示的时间所考虑的因素作具体限定,除了上述列举的因素之外,还可以包括其他因素,此处不再一一举例。
[0045]作为一种可选地实施例,在浏览器中显示第一蒙版可以包括:在浏览器中的全部显示区域或者视频播放区域中显示第一蒙版。对于页面仅用于播放第一视频的情况,第一蒙版可以在整个页面的全部显示区域显示,对于页面中除了播放第一视频,还可以显示其他内容的情况,第一蒙版可以在第一视频播放区域显示。需要说明的是,上述原则也同样适用于第二蒙版。该实施例通过设置第一蒙版和第二蒙版的显示区域与视频播放区域相关,能够达到既能保证第一蒙版和第二蒙版能够副高第一视频的播放区域,又能避免第一蒙版和第二蒙版覆盖其他无需覆盖的页面内容的目的,进而使得本发明实施例更符合实际使用需求,进而达到提高用户使用体验的效果。
[0046]本发明实施例还提供了一种优选实施例,图3是根据本发明一种优选实施例的在浏览器中播放视频的方法的流程图,如图3所示,该优选实施例可以包括以下步骤:
[0047]步骤S22,接收第一视频的加载请求。
[0048]步骤S24,加载并显示第一蒙版。
[0049]步骤S26,开始加载第一视频,同时并列执行以下步骤:
[0050]步骤S262,加载第一视频的视频资源;
[0051 ]步骤S264,加载第二蒙版;
[0052]步骤S266,开始计时,得到第一蒙版取消显示的时间点;
[0053]步骤S268,开始计时,得到第二蒙版取消显示的时间点;
[0054]需要说明的是,在步骤S264之后执行步骤S265,加载页面内容;在步骤S266之后执行步骤S267,取消第一蒙版显示开始播放第一视频;在步骤S268之后执行步骤S269,取消第二蒙版显示。
[0055]通过该优选实施例,可以看出,在加载视频资源的同时该优选实施例还同时执行加载第二蒙版,计时以得到第一蒙版取消显示的时间点,计时以得到第二蒙版取消显示的时间点。第一蒙版取消显示的时间点到达时,取消对第一蒙版的显示并开始播放第一视频,当第二蒙版取消显示的时间点到达时,取消对第二蒙版的显示。需要说明的是,第二蒙版取消显示后显示加载的页面内容。
[0056]需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明并不受所描述的动作顺序的限制,因为依据本发明,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本发明所必须的。
[0057]通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如R0M/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
[0058]实施例2
[0059]根据本发明实施例,还提供了一种用于实施上述浏览器中播放视频的方法的浏览器中播放视频的装置。图4是根据本发明实施例的在浏览器中播放视频的装置的示意图,如图4所示,该装置包括:
[0060]接收模块22,用于在浏览器中接收到用于请求加载第一视频的加载请求;第一加载模块24,用于响应加载请求在浏览器中加载并显示第一蒙版;第二加载模块26,用于在浏览器中加载第一视频的视频资源,并在开始播放第一视频的视频资源时在浏览器中取消对第一蒙版的显示。
[0061]需要说明的是,该实施例中的接收模块22可以用于执行本申请实施例一中的步骤S12,该实施例中的第一加载模块24可以用于执行本申请实施例一中的步骤S14,该实施例中的第二加载模块26可以用于执行本申请实施例一中的步骤S16。
[0062]此处需要说明的是,上述第一接收模块22、第一加载模块24、第二加载模块26与对应的步骤所实现的示例和应用场景相同,但不限于上述实施例一所公开的内容。需要说明的是,上述模块作为装置的一部分可以运行在实施例一提供的计算机终端10中,可以通过软件实现,也可以通过硬件实现。
[0063]作为一种可选地实施例,图5是根据本发明实施例的一种可选的在浏览器中播放视频的装置的示意图,如图5所示,该装置还可以包括:第三加载模块28,用于在浏览器中加载第一视频的视频资源的同时加载第二蒙版,其中,第二蒙版用于在第一视频的视频资源退出播放时,显示在浏览器中,以避免在浏览器中出现黑屏。
[0064]作为一种可选地实施例,如图5所示,该装置还可以包括:第一显示模块30,用于在第一视频的视频资源退出播放时,在浏览器中显示第二蒙版,并从之后的第一预定时间点开始,在浏览器中取消对第二蒙版的显示。
[0065]作为一种可选地实施例,如图5所示,该装置还可以包括:第一设置模块292,用于在浏览器中取消对第二蒙版的显示之前,根据第一视频的播放长度,和/或,浏览器接收视频资源的速度,和/或,浏览器加载视频资源的速度来设置第一预定时间点与开始加载第一视频的视频资源的加载时间点之间的时间间隔。
[0066]作为一种可选地实施例,图6是根据本发明实施例的另一种可选的在浏览器中播放视频的装置的示意图,如图6所示,该装置还可以包括:第四加载模块294,用于在浏览器中加载第二蒙版之后,在浏览器中加载页面内容,其中,第一蒙版加载在浏览器的第一层,第一视频的视频资源加载在浏览器的第二层,第二蒙版加