一种网页中视频元素的播放方法和装置制造方法及图纸

本发明专利技术公开了一种网页中视频元素的播放方法和装置，涉及浏览器技术领域。所述方法包括：从网页服务器侧获取到用于加载的网页文档；判断出所述网页文档为带有可播放的视频元素的特定网页，由浏览器向所述网页文档中注入用于对所述视频元素进行显示控制的显示控制脚本；所述显示控制脚本判断出所述视频元素在当前浏览器显示视窗中部分显示和/或者全部地未被显示；通过所述显示控制脚本将所述视频元素在当前浏览器显示视窗中的当前网页中进行独立显示。本发明专利技术可以在网页文档中视频元素的初始位置移出显示视窗之后，使视频元素出现在显示视窗中展示，在用户浏览器网页中其他信息(比如视频评论、推荐视频等)时可以同时观看视频元素中的播放内容。

【技术实现步骤摘要】
一种网页中视频元素的播放方法和装置
本专利技术涉及浏览器
，具体涉及一种网页中视频元素的播放方法和装置。
技术介绍
浏览器是指可以显示网页服务器或者文件系统的HTML(超文本标记语言，HyperText Mark-up Language))文件内容,并让用户与这些文件交互的一种软件。网页浏览器主要通过HTTP协议与网页服务器交互并获取网页，这些网页由URL(统一资源定位符，Uniform Resource Locator)指定，文件格式通常为HTML。一个网页中可以包括多个文档，每个文档都是分别从服务器获取的。HTTP内容类型和URL协议规范允许网页设计者在网页中嵌入图像、视频等。 而当前的网页服务器中存在一种带有视频内容的网页，其视频内容一般是在页面的某个位置进行播放，然后视频下方很长的一部分是其他内容，比如相关广告图片，相关推荐视频的链接，当前视频评论等内容，其页面整体高度远远大于浏览器显示视窗的高度。那么，当用户通过鼠标滚轮或者滚动条滑动页面去浏览其他位置的信息(比如视频评论)时，页面中播放的视频可能移出显示视窗，以至用户则无法观看到视频内容。
技术实现思路
鉴于上述问题，提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述问题的网页中视频元素的播放装置和相应的网页中视频元素的播放方法。 依据本专利技术的一个方面，提供了一种网页中视频元素的播放方法，包括:从网页服务器侧获取到用于加载的网页文档； 判断出所述网页文档为带有可播放的视频元素的特定网页，由浏览器向所述网页文档中注入用于对所述视频元素进行显示控制的显示控制脚本； 所述显示控制脚本判断出所述视频元素在当前浏览器显示视窗中部分显示和/或者全部地未被显示； 通过所述显示控制脚本将所述视频元素在当前浏览器显示视窗中的当前网页中进行独立显示。 根据本专利技术的另一方面，提供了一种网页中视频元素的播放装置，包括: 网页文档获取模块，适于从网页服务器侧获取到用于加载的网页文档； 脚本加载模块，适于判断出所述网页文档为带有可播放的视频元素的特定网页，由浏览器向所述网页文档中注入用于对所述视频元素进行显示控制的显示控制脚本； 显示位置判断模块，适于所述显示控制脚本判断出所述视频元素在当前浏览器显示视窗中部分显示和/或者全部地未被显示； 显示位置更改模块，适于通过所述显示控制脚本将所述视频元素在当前浏览器显示视窗中的当前网页中进行独立显示。 根据本专利技术的一种网页中视频元素的播放方法和装置，可以对浏览器加载的特定网页，注入用于对所述视频元素进行显示控制的显示控制脚本，该显示控制脚本判断出所述视频元素在当前浏览器显示视窗中部分显示或者全部地未被显示后，通过所述显示控制脚本将所述视频元素在当前浏览器显示视窗中的当前网页中进行独立显示，由此解决了用户滑动页面时，当视频元素移出显示视窗之后，用户浏览网页中的信息时无法同时观看视频元素中的播放内容的问题，取得了可以在网页文档中视频元素的初始位置移出显示视窗之后，使视频元素出现在显示视窗中展示，在用户浏览器网页中其他信息(比如视频评论、推荐视频等)时可以同时观看视频元素中的播放内容的有益效果。 上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的【具体实施方式】。 【附图说明】 通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中: 图1示出了根据本专利技术一个实施例的一种网页中视频元素的播放方法的流程示意图； 图2示出了根据本专利技术一个实施例的一种网页中视频元素的播放方法的流程示意图； 图3示出了根据本专利技术一个实施例的一种网页中视频元素的播放方法的流程示意图； 图3A示出了根据本专利技术一个实施例的一种的视频元素初始的加载状态示意图； 图3B示出了根据本专利技术一个实施例的一种视频元素部分未显示时触发小窗口播放视频元素的示意图； 图4示出了根据本专利技术一个实施例的一种网页中视频元素的播放方法的流程示意图； 图4A示出了根据本专利技术一个实施例的在图3A的基础上的一种视频元素顶部开始进入部分显示状态时触发小窗口播放视频元素的示意图； 图5示出了根据本专利技术一个实施例的一种网页中视频元素的播放方法的流程示意图； 图5A示出了根据本专利技术一个实施例的在图3A的基础上的一种视频元素顶部开始进入全部未显示状态时触发小窗口播放视频元素的示意图； 图6示出了根据本专利技术一个实施例的一种网页中视频元素的播放装置的结构示意图； 图7示出了根据本专利技术一个实施例的一种网页中视频元素的播放装置的结构示意图； 图8示出了根据本专利技术一个实施例的一种网页中视频元素的播放装置的结构示意图； 图9示出了根据本专利技术一个实施例的一种网页中视频元素的播放装置的结构示意图； 图10示出了根据本专利技术一个实施例的一种网页中视频元素的播放装置的结构示意图。 【具体实施方式】 本专利技术的核心思想之一是:对可以对浏览器加载的特定网页，注入用于对所述视频元素进行显示控制的显示控制脚本；那么在浏览器加载上述网页文档时加载所述显示控制，该显示控制脚本判断网页中的视频元素是否在当前浏览器显示视窗中部分显示或者全部地未被显示，如果在当前浏览器显示视窗中部分显示或者全部地未被显示，通过所述显示控制脚本将所述视频元素在当前浏览器显示视窗中的当前网页中进行独立显示。以使网页中的视频元素能以网页的视频元素的身份在显示视窗中一直播放，使用户在滚动网页以浏览非视频元素的信息时，也可以方便的看到视频元素的播放内容。 实施例一 参照图1，其示出了本专利技术的一种网页中视频元素的播放方法，具体可以包括: 步骤110，从网页服务器侧获取到用于加载的网页文档； 在实际应用中，本专利技术实施例的浏览器在接收用户输入的URL(统一资源定位符，Uniform Resource Locator)后，可发送相应的HTTP(超文本转移协议，HypertextTransfer Protocol)请求从网页服务器获取HTML(即超文本标记语言,HyperText Mark-upLanguage)文档,该HTML用于加载到浏览器的tab标签页中展示。 步骤120，判断出所述网页文档为带有可播放的视频元素的特定网页，由浏览器向所述网页文档中注入用于对所述视频元素进行显示控制的显示控制脚本； 在本专利技术实施例中，对于浏览器获取的网页文档，首先会针对URL和或者网页内容，判断该网页文档是否为带有可播放的视频元素的特定网页。所述可播放的视频元素比如用于播放电视剧、电影等内容的视频元素。当判断出所述网页文档为带有可播放的视频元素的特定网页，由浏览器向所述网页文档中注入用于对所述视频元素进行显示控制的显示控制脚本。该显示控制脚本执行后具有控制浏览器进行后续执行过程的逻辑，即对所述视频元素进行显示控制。 优选地，所述判断出所述网页文档为带有可播放的视频元素的特定网页包本文档来自技高网...

【技术保护点】
一种网页中视频元素的播放方法，包括：从网页服务器侧获取到用于加载的网页文档；判断出所述网页文档为带有可播放的视频元素的特定网页，由浏览器向所述网页文档中注入用于对所述视频元素进行显示控制的显示控制脚本；所述显示控制脚本判断出所述视频元素在当前浏览器显示视窗中部分显示和/或者全部地未被显示；通过所述显示控制脚本将所述视频元素在当前浏览器显示视窗中的当前网页中进行独立显示。

【技术特征摘要】
1.一种网页中视频元素的播放方法，包括: 从网页服务器侧获取到用于加载的网页文档； 判断出所述网页文档为带有可播放的视频元素的特定网页，由浏览器向所述网页文档中注入用于对所述视频元素进行显示控制的显示控制脚本； 所述显示控制脚本判断出所述视频元素在当前浏览器显示视窗中部分显示和/或者全部地未被显示； 通过所述显示控制脚本将所述视频元素在当前浏览器显示视窗中的当前网页中进行独立显示。2.如权利要求1所述的方法，其特征在于，所述判断出所述网页文档为带有可播放的视频元素的特定网页包括: 针对当前网页文档对应的网址，根据以通配符构建的网址匹配规则和/或预置的网址名单，对所述网址进行匹配；当网址匹配上，则判断出所述网页文档为带有可播放的视频元素的特定网页。3.如权利要求2所述的方法，其特征在于，在网址匹配上之后，包括: 提取对应所述网址的网页架构模板，并利用所述网页架构模板对所述网页文档进行匹配；当所述网页文档与上述网页架构模板匹配上，则判断出所述网页文档为带有可播放的视频元素的特定网页。4.如权利要求1所述的方法，其特征在于，所述将所述视频元素在当前浏览器显示视窗中的当前网页中进行独立显示包括: 修改所述视频元素的显示位置和显示层索引，使所述视频元素在当前浏览器显示视窗中的当前网页中被置顶显示。5.如权利要求4所述的方法，其特征在于，所述显示控制脚本判断出所述视频元素在当前浏览器显示视窗中部分显示或者全部地未被显示，包括: 根据视频元素的显示位置、显示视窗的显示位置、滚动条的显示位置、页面整体的大小属性，判断所述视频元素在当前浏览器显示视窗中部分显示和/或者全部地未被显示。6.如权利要求5所述的方法，其特征在于，根据视频元素的显示位置、显示视窗的显示位置、滚动条的显示位置、页面整体的大小属性，判断所述视频元素在当前浏览器显示视窗中部分显示和/或者全部地未被显示包括: 根据网页整体大小、滚动条的显示位置以及网页当前浏览器显示视窗的显示位置，确定滚动条的滚动距离与网页的滚动距离之间的滚动比例； 获取所述视频元素显示位置中，在视频元素高度范围内的高度值到显示视窗顶部的距离...

【专利技术属性】
技术研发人员：高庆光，
申请(专利权)人：北京奇虎科技有限公司，奇智软件北京有限公司，
类型：发明
国别省市：北京;11