视频兼容加载方法、装置及视频组件制造方法及图纸

本发明专利技术提供一种视频兼容加载方法、装置及视频组件。所述方法包括：响应启动浏览器页面的操作，对所述浏览器页面进行加载。在加载所述浏览器页面时，通过预先配置的视频组件对当前浏览器进行视频兼容检测，选择出所述当前浏览器支持的视频加载方式。通过所述视频组件基于选择的所述视频加载方式对视频文件进行延迟加载。由此，可针对不同的浏览器提供有不同的技术实现方案，通过对浏览器进行视频兼容检测，可选择浏览器支持的视频加载方式进行视频加载，视频组件的可移植性强，使用范围广。

【技术实现步骤摘要】
视频兼容加载方法、装置及视频组件
本专利技术涉及浏览器
，具体而言，涉及一种视频兼容加载方法、装置及视频组件。
技术介绍
随着浏览器功能的日益强大，用户对浏览器页面的美观程度及用户体验的要求也越来越高，在页面设计开发阶段，设计人员会考虑在页面中(尤其是页面的头部区域)加入炫酷的动态交互视频。然而，在现有技术中，由于市面上的浏览器种类繁多，不同类型的浏览器进行视频文件加载时存在诸多的限制，兼容性较差。同一视频文件在不同版本的浏览器或不同操作系统的浏览器中进行加载时，可能出现加载不成功，视频文件无法自动播放的情况，需要用户进行设置、干预，用户体验不好。
技术实现思路
本专利技术实施例提供一种视频兼容加载方法、装置及视频组件。第一方面，本专利技术实施例提供一种视频兼容加载方法，包括：响应启动浏览器页面的操作，对所述浏览器页面进行加载；在加载所述浏览器页面时，通过预先配置的视频组件对当前浏览器进行视频兼容检测，选择出所述当前浏览器支持的视频加载方式；通过所述视频组件基于选择的所述视频加载方式对视频文件进行延迟加载。第二方面，本专利技术实施例提供一种视频兼容加载装置，包括：响应模块，用于响应启动浏览器页面的操作，对所述浏览器页面进行加载；视频组件，在加载所述浏览器页面时，用于对当前浏览器进行视频兼容检测，选择出所述当前浏览器支持的视频加载方式；所述视频组件，还用于基于选择的所述视频加载方式对视频文件进行延迟加载。第三方面，本专利技术实施例提供一种视频组件，所述视频组件包括：检测选择单元，在加载浏览器页面时，用于对当前浏览器进行视频兼容检测，选择出所述当前浏览器支持的视频加载方式；加载单元，用于基于选择的所述视频加载方式对视频文件进行延迟加载。相对于现有技术而言，本专利技术具有以下有益效果：本专利技术实施例提供一种视频兼容加载方法、装置及视频组件。所述方法包括：响应启动浏览器页面的操作，对所述浏览器页面进行加载。在加载所述浏览器页面时，通过预先配置的视频组件对当前浏览器进行视频兼容检测，选择出所述当前浏览器支持的视频加载方式。通过所述视频组件基于选择的所述视频加载方式对视频文件进行延迟加载。由此，可针对不同的浏览器提供有不同的技术实现方案，通过对浏览器进行视频兼容检测，可选择浏览器支持的视频加载方式进行视频加载。本方案基本可适用于绝大多数的浏览器，所述视频组件的可移植性强，使用范围广。附图说明为了更清楚地说明本专利技术实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本专利技术的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。图1是本专利技术第一实施例提供的视频兼容加载方法的步骤流程图之一。图2是本专利技术第一实施例提供的图1所示的步骤S130的子步骤流程图。图3是本专利技术第一实施例提供的图1所示的步骤S140的子步骤流程图。图4是本专利技术第一实施例提供的视频兼容加载方法的步骤流程图之二。图5是本专利技术第一实施例提供的图4所示的步骤S110的子步骤流程图。图6为本专利技术第二实施例提供的视频兼容加载装置的功能模块图。图7为本专利技术第三实施例提供的视频组件的功能单元图。图8为本专利技术实施例提供的电子设备的一种结构示意框图。图标：100-电子设备；110-总线；120-处理器；130-存储器；200-视频兼容加载装置；210-配置更新模块；220-响应模块；230-视频组件；231-检测选择单元；232-加载单元。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本专利技术实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本专利技术的实施例的详细描述并非旨在限制要求保护的本专利技术的范围，而是仅仅表示本专利技术的选定实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。本申请专利技术人在实现本申请实施例提供的技术方案过程中，发现在现有技术中，现阶段浏览器页面开发人员对于在页面中加载视频的解决方案主要包括：利用HTML5的标签将视频文件地址加入到页面中进行加载，或者利用Flash插件来引入视频。然而，这两种方案均存在问题，HTML5的标签机制无法兼容老版本的浏览器。而越来越多的浏览器对Flash插件采取了诸多限制，例如，有的浏览器没有安装Flash插件(比如，Firefox，Chromium等)，采用iOS系统的设备(比如，iPad，iPhone，iPodtouch)也不支持Flash。由此，同一视频文件在不同版本的浏览器或不同操作系统的浏览器中进行加载时，可能出现视频文件加载不成功，视频无法播放的情况。以上现有技术中的方案所存在的缺陷，均是专利技术人在经过实践并仔细研究后得出的结果，因此，上述问题的发现过程以及下文中本专利技术实施例针对上述问题所提出的解决方案，都应该是专利技术人在本专利技术过程中对本专利技术做出的贡献。为了缓解上述问题，本专利技术实施例提供一种视频兼容加载方法、装置及视频组件。下面通过以下实施例对本专利技术提供的视频兼容加载方法、装置及视频组件进行说明。第一实施例本专利技术实施例提供一种视频兼容加载方法。请参照图1，图1是本专利技术第一实施例提供的视频兼容加载方法的步骤流程图之一。下面对视频兼容加载方法的流程进行详细阐述，所述方法包括：步骤S120、步骤S130及步骤S140。步骤S120，响应启动浏览器页面的操作，对所述浏览器页面进行加载。在本实施例中，当用户打开浏览器页面时，浏览器响应用户启动浏览器页面的操作，并对所述浏览器页面进行加载。步骤S130，在加载所述浏览器页面时，通过预先配置的视频组件230对当前浏览器进行视频兼容检测，选择出所述当前浏览器支持的视频加载方式。请参照图2，图2是本专利技术第一实施例提供的图1所示的步骤S130的子步骤流程图。所述步骤S130包括子步骤S131、子步骤S132、子步骤S133、子步骤S134及子步骤S135。子步骤S131，通过预先配置的视频组件230检测当前浏览器的超文本视频参数是否被定义。在本实施例中，所述超文本视频参数可以是，但不限于，HTMLVideoElement。HTMLVideoElement接口提供了用于操作视频对象的特殊属性和方法，其同时还继承了HTMLMediaElement和HTMLElement的属性和方法，可应用于不同的浏览器中。在本实施例中，所述视频组件230通过检测当前浏览器的HTMLVideoElement是否被定义，进而可判断当前浏览器是否支持HTML5的Video标签。其中，HTML5的Video标签可将视频文件的地址加入到浏览器网页中，以便于进行视频加载。当所述超文本视频参数被定义时，执行子步骤S132。当所述超文本视频参数未被定义时，子步骤S133。子步骤S132，所述视频组件230选择超文本视频加载方式作为所述当前浏览器支持的视频加载方本文档来自技高网...

【技术保护点】
1.一种视频兼容加载方法，其特征在于，包括：响应启动浏览器页面的操作，对所述浏览器页面进行加载；在加载所述浏览器页面时，通过预先配置的视频组件对当前浏览器进行视频兼容检测，选择出所述当前浏览器支持的视频加载方式；通过所述视频组件基于选择的所述视频加载方式对视频文件进行延迟加载。

【技术特征摘要】
1.一种视频兼容加载方法，其特征在于，包括：响应启动浏览器页面的操作，对所述浏览器页面进行加载；在加载所述浏览器页面时，通过预先配置的视频组件对当前浏览器进行视频兼容检测，选择出所述当前浏览器支持的视频加载方式；通过所述视频组件基于选择的所述视频加载方式对视频文件进行延迟加载。2.根据权利要求1所述的方法，其特征在于，在所述响应启动浏览器页面的操作的步骤之前，所述方法还包括：响应对视频组件的配置参数进行编辑的操作，并基于所述配置参数对所述视频组件进行配置更新；响应将经过配置更新的视频组件引入所述浏览器页面的初始化导入操作，以将所述视频组件应用到所述浏览器页面。3.根据权利要求2所述的方法，其特征在于，所述响应对视频组件的配置参数进行编辑的操作，并基于所述配置参数对所述视频组件进行配置更新，包括：对所述视频组件的配置文本框的编辑事件进行监听，响应对所述视频组件的配置参数进行编辑的操作；获取编辑到所述配置文本框的配置参数；基于所述配置参数对所述视频组件的数据状态进行配置更新，并对经过配置更新的视频文件进行预览播放；响应配置完成的保存操作，对保存的配置参数进行转换处理，得到所述配置参数对应的变量文本。4.根据权利要求1-3任意一项所述的方法，其特征在于，所述通过预先配置的视频组件对当前浏览器进行视频兼容检测，选择出所述当前浏览器支持的视频加载方式，包括：通过预先配置的视频组件检测当前浏览器的超文本视频参数是否被定义；当被定义时，所述视频组件选择超文本视频加载方式作为所述当前浏览器支持的视频加载方式；当未被定义时，所述视频组件检测所述当前浏览器是否安装视频插件；当安装视频插件时，所述视频组件选择视频插件加载方式作为所述当前浏览器支持的视频加载方式；当未安装视频插件时，所述视频组件基于预先配置的静态图片进行视频降级展示。5.根据权利要求4所述的方法，其特征在于，所述通过所述视频组件基于选择的所述视频加载方式对视频文件进行延迟加载，包括：通过所述视频组件对页面滚动及浏览器窗口缩放进行监听检测；所述视频组件根据检测结果判断所述视频文件的显示位...

【专利技术属性】
技术研发人员：黄诚，张文明，陈少杰，
申请(专利权)人：武汉斗鱼网络科技有限公司，
类型：发明
国别省市：湖北,42