视频播放下网页处理方法、电子装置及计算机可读存储介质制造方法及图纸

一种视频播放下网页处理方法、电子装置及计算机可读存储介质，以在视频从全屏播放切换至网页内播放时减轻或消除网页的闪烁感，其中，上述视频播放下网页处理方法包括：接收视频播放模式指令；当视频播放模式指令为视频进入全屏播放时，禁止对视频进入全屏播放之前网页的渲染；当视频播放模式指令为视频退出全屏播放时，显示视频进入全屏播放之前布局的网页。本申请提供的方案在视频从全屏播放切换至网页内播放时能够减轻或消除网页的闪烁感。

Web Page Processing Method, Electronic Device and Computer Readable Storage Media in Video Playing

A web page processing method, an electronic device and a computer readable storage medium for video playback to reduce or eliminate the flicker of a web page when the video is switched from full-screen playback to intra-page playback. The web page processing method for video playback includes: receiving video playback mode instructions; prohibiting video entry when video playback mode instructions enter full-screen playback. The rendering of web pages before full-screen play; when the video play mode commands to withdraw from full-screen play, the display video enters the web pages laid out before full-screen play. The scheme provided in this application can reduce or eliminate the flicker of the web page when the video is switched from full-screen play to in-page play.

【技术实现步骤摘要】
视频播放下网页处理方法、电子装置及计算机可读存储介质
本申请涉及网页视频处理领域，尤其涉及一种视频播放下网页处理方法、电子装置及计算机可读存储介质。
技术介绍
现有的互联网服务器针对移动终端浏览器提供的超文本标记语言(HyperTextMarkupLanguage，HTML)的网页区分横竖屏，基于HTML的网页布局存在差异。当网页存在基于HTML的视频标签时，视频在网页内播放过程中，视频的横竖屏切换会导致网页跟着进行横竖屏的切换。按照上述横竖屏切换的描述，当视频从网页内播放切换至全屏播放时，网页的显示模式会从竖屏切换成横屏。在全屏播放下，当视频播放完毕或者中途退出全屏播放时，网页也会从横屏的显示模式切换到竖屏的显示模式，这就意味着网页需要重新排版与布局，网页的重新排版与布局将会导致网页闪烁，给用户带来不好的体验。
技术实现思路
本申请提供一种网页视频播放方法、电子装置及计算机可读存储介质，以在视频从全屏播放切换至网页内播放时减轻或消除网页的闪烁感。本申请第一方面提供一种视频播放下网页处理方法，包括：接收视频播放模式指令；当所述视频播放模式指令为视频进入全屏播放时，禁止对视频进入全屏播放之前网页的渲染；当所述视频播放模式指令为所述视频退出全屏播放时，显示所述视频进入全屏播放之前布局的网页。本申请第二方面提供一种视频播放下网页处理方法，其特征在于，包括：接收视频播放模式指令；当所述视频播放模式指令为视频进入全屏播放时，对所述视频进入全屏播放之前的第一网页进行渲染得到第二网页；当所述视频播放模式指令为所述视频退出全屏播放时，在所述视频退出全屏播放之前，对所述第二网页重新渲染，以恢复至所述第一网页；在所述视频退出全屏播放之后，显示所述第一网页。本申请第三方面提供一种视频播放下网页处理装置，包括：第一接收模块，用于接收视频播放模式指令；禁止模块，用于当所述视频播放模式指令为视频进入全屏播放时，禁止对视频进入全屏播放之前网页的渲染；第一显示模块，用于当所述视频播放模式指令为所述视频退出全屏播放时，显示所述视频进入全屏播放之前布局的网页。本申请第四方面提供一种视频播放下网页处理装置，包括：第二接收模块，用于接收视频播放模式指令；第一渲染模块，用于当所述视频播放模式指令为视频进入全屏播放时，对所述视频进入全屏播放之前的第一网页进行渲染得到第二网页；第二渲染模块，用于当所述视频播放模式指令为所述视频退出全屏播放时，在所述视频退出全屏播放之前，对所述第二网页重新渲染，以恢复至所述第一网页；第二显示模块，用于在所述视频退出全屏播放之后，显示所述第一网页。本申请第五方面提供一种电子装置，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时，实现上述本申请实施例第一方面提供的视频播放下网页处理方法中的各步骤，包括：接收视频播放模式指令；当所述视频播放模式指令为视频进入全屏播放时，禁止对视频进入全屏播放之前网页的渲染；当所述视频播放模式指令为所述视频退出全屏播放时，显示所述视频进入全屏播放之前布局的网页；或者，所述处理器执行所述计算机程序时，实现上述本申请实施例第一方面提供的视频播放下网页处理方法中的各步骤，包括：接收视频播放模式指令；当所述视频播放模式指令为视频进入全屏播放时，对所述视频进入全屏播放之前的第一网页进行渲染得到第二网页；当所述视频播放模式指令为所述视频退出全屏播放时，在所述视频退出全屏播放之前，对所述第二网页重新渲染，以恢复至所述第一网页；在所述视频退出全屏播放之后，显示所述第一网页。本申请第六方面提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时，实现上述本申请实施例第一方面提供的视频播放下网页处理方法中的各步骤，包括：接收视频播放模式指令；当所述视频播放模式指令为视频进入全屏播放时，禁止对视频进入全屏播放之前网页的渲染；当所述视频播放模式指令为所述视频退出全屏播放时，显示所述视频进入全屏播放之前布局的网页；或者，所述计算机程序被处理器执行时，实现上述本申请实施例第一方面提供的视频播放下网页处理方法中的各步骤，包括：接收视频播放模式指令；当所述视频播放模式指令为视频进入全屏播放时，对所述视频进入全屏播放之前的第一网页进行渲染得到第二网页；当所述视频播放模式指令为所述视频退出全屏播放时，在所述视频退出全屏播放之前，对所述第二网页重新渲染，以恢复至所述第一网页；在所述视频退出全屏播放之后，显示所述第一网页。由上可见，一方面，由于视频进入全屏播放时就对全屏播放之前网页的渲染进行了禁止，因此，在视频退出全屏播放时显示视频进入全屏播放之前布局的网页，相当于视频全屏播放前后网页的布局没有改变，因此，消除了现有技术中当视频播放模式切换时网页布局随之改变导致的闪烁感；另一方面，对渲染得到的第二网页重新渲染，以恢复至第一网页，这一过程是在视频退出全屏播放之前实施，全屏播放的视频画面遮挡了这个切换的过程，相当于也是消除了当视频播放模式切换时网页布局随之改变导致的闪烁感。附图说明图1为本申请实施例提供的视频播放下网页处理方法一个实施例流程示意图；图2为本申请另一实施例提供的视频播放下网页处理方法一个实施例流程示意图；图3为本申请实施例提供的视频播放下网页处理装置结构示意图；图4为本申请另一实施例提供的视频播放下网页处理装置结构示意图；图5为本申请实施例提供的电子装置结构示意图。具体实施方式为使得本申请的专利技术目的、特征、优点能够更加的明显和易懂，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而非全部实施例。基于本申请中的实施例，本领域技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。本申请实施例提供一种视频播放下网页处理方法，该视频播放下网页处理方法应用于电子装置，该电子装置可以为个人电脑、智能手机或平板电脑等。请参阅图1，本申请实施例中的视频播放下网页处理方法主要包括以下步骤101至103：步骤101、接收视频播放模式指令。需要说明的是，在本申请实施例中，所谓的视频，是指HTML标准定义的视频标签，其由网页支持播放，即可在网页内播放，亦可在网页打开的情况下全屏播放。视频播放模式指令包括视频从网页内播放进入全屏播放的指令以及视频退出全屏播放切换至网页内播放的指令；视频播放模式指令既可以在用户的操作下生成或发出，又可以是自动生成或发出，例如，视频在全屏播放时，用户强行从全屏播放退至网页内播放，或者，视频在全屏播放结束后自动退出全屏播放，这些事件都会触发视频播放模式指令的生成或发出。步骤102、当视频播放模式指令为视频进入全屏播放时，禁止对视频进入全屏播放之前网页的渲染。在本申请实施例中，禁止对网页的渲染，实际可以通过锁住浏览器的渲染层来达到这个目的，一旦禁止了对网页的渲染，意味着网页的显示帧数据得以保持不变。现有技术中，视频从网页内播放切换至全屏播放时，网页也跟着进行了渲染，即随着视频播放模式的切换，网页在后台进行了重新排版与显示，例如，视频是网页内播放时，网页是竖屏布局，当视频从网页内播放切换至全屏播放时，在后台，经过浏览器渲染层的渲本文档来自技高网...

【技术保护点】
1.一种视频播放下网页处理方法，其特征在于，包括：接收视频播放模式指令；当所述视频播放模式指令为视频进入全屏播放时，禁止对视频进入全屏播放之前网页的渲染；当所述视频播放模式指令为所述视频退出全屏播放时，显示所述视频进入全屏播放之前布局的网页。

【技术特征摘要】
1.一种视频播放下网页处理方法，其特征在于，包括：接收视频播放模式指令；当所述视频播放模式指令为视频进入全屏播放时，禁止对视频进入全屏播放之前网页的渲染；当所述视频播放模式指令为所述视频退出全屏播放时，显示所述视频进入全屏播放之前布局的网页。2.根据权利要求1所述的视频播放下网页处理方法，其特征在于，所述当所述视频播放模式指令为所述视频退出全屏播放时，显示所述视频进入全屏播放之前布局的网页，包括：解禁对所述视频进入全屏播放之前网页的渲染；判断是否需要生成渲染事件；若无需生成渲染事件，则在所述视频退出全屏播放时直接显示所述视频进入全屏播放之前布局的网页。3.根据权利要求1所述的视频播放下网页处理方法，其特征在于，所述当所述视频播放模式指令为所述视频退出全屏播放时，显示所述视频进入全屏播放之前布局的网页，包括：保持对所述视频进入全屏播放之前的网页禁止渲染的状态；在所述视频退出全屏播放时直接显示所述视频进入全屏播放之前布局的网页。4.根据权利要求1至3任意一项所述的视频播放下网页处理方法，其特征在于，所述方法还包括：在所述视频进入全屏播放后，在播放所述视频过程中对转屏事件进行过滤。5.一种视频播放下网页处理方法，其特征在于，包括：接收视频播放模式指令；当所述视频播放模式指令为视频进入全屏播放时，对所述视频进入全屏播放之前的第一网页进行渲染得到第二网页；当所述视频播放模式指令为所述视频退出全屏播放时，在所述视频退出全屏播放之前，对所述第二网页重新渲染，以恢复至所述第一网页；在所述视频...

【专利技术属性】
技术研发人员：刘汉军，
申请(专利权)人：OPPO广东移动通信有限公司，
类型：发明
国别省市：广东,44