[发明专利]扩展视频功能的方法及系统

说明书

本发明提供了一种扩展视频功能的方法及系统，其中的方法包括：当监听到视频区域的播放事件时，创建与视频区域相对应的父View和子View；其中，父View为透明View，并覆盖视频区域；子View为视频功能的扩展按钮，嵌套在父View中；当监听到父View中发生的所述视频区域的点击事件时，在子View中响应视频区域的点击事件，为视频区域提供视频功能的扩展。通过本发明能够在视频区域上提供视频扩展入口，进而在扩展视频功能的同时，不破坏网页本身的功能，提高用户的使用体验。

技术领域

本发明涉及移动浏览器技术领域，更为具体地，涉及一种扩展视频功能的方法及系统。

背景技术

随着手机、平板等移动设备性能的提高和HTML5(Hyper Text Markup Language，超文本标记语言)技术的发展，移动浏览器的功能也越来越强大，例如，现如今人们可以无需下载专门的音乐和视频播放软件，而是直接通过浏览器在页面中播放音乐和视频，这无疑给人们的移动生活创造了进一步的便利条件。

按照HTML5标准的规定，页面中的视频元素与网页其他元素并没有本质上的区别，网页可以定义元素之间的相互融合和相互遮盖。例如，网页可以定义一张图片飘浮在视频区域的上方，覆盖住视频的一部分区域。HTML5标准还同时规定视频控制条的显示必须受网页的控制，网页开发者只有在Video(视频)标签的属性中增加“controls”(控制)属性，才会显示视频的控制条。

根据这些标准的规定，浏览器就会较难扩展视频的功能。例如，在非全屏播放的时候，假设网页开发者没有定义控制条，那么视频就没有进入全屏状态的入口，用户则无法全屏观看视频，而浏览器在全屏下提供的各种手势功能、剧集功能等均无法提供给用户使用。另外，假设浏览器在非全屏播放时想提供一个下载当前视频的功能，由于网页开发者事先没有定义控制条，因此也没有区域可以提供下载视频的入口。

为了解决上述问题，现有主流的浏览器对视频功能扩展有如下两种不同的实现方式。第一种方式采用不扩展视频功能的方式，如不提供剧集、手势控制、下载视频等功能，只完成基础的视频播放功能，若页面没有定义控制条，则视频无法全屏播放，浏览器完成的功能只局限于网页的设定。第二种方式使用Android的VideoView(视频视图)及其他View(视图)播放视频和实现控制条，忽略页面video标签的controls属性，强制让控制条显示、并提供进入全屏按钮，如此，浏览器则能够进入全屏状态，进而实现在全屏状态下的一些功能扩展。

然而上述两种实现方式均有很大的缺陷：第一，不对视频作扩展无法提供良好的用户体验，产品丧失了优势。第二，使用Android的VideoView及其他View播放视频和实现控制条，虽然可以方便的实现全屏和其他功能的入口，但视频所在的View与页面所在的View为两个不同的Android View，导致视频区域的所有页面元素均会被视频所在的View遮挡住，不仅看不到，也无法响应事件。如此便会导致网站实现的控制条无法显示和被操作，进而对网站本身的功能造成影响。

发明内容

鉴于上述问题，本发明的目的是提供一种扩展视频功能的方法及系统，以在视频区域上提供视频扩展入口，进而在不破坏网页本身的功能的基础上扩展视频功能。

根据本发明的一个方面，提供一种扩展视频功能的方法，包括：

当监听到视频区域的播放事件时，创建与视频区域相对应的父View和子View；其中，父View为透明View，并覆盖视频区域；子View为视频功能的扩展按钮，嵌套在父View中；

当监听到父View中发生的所述视频区域的点击事件时，在子View中响应视频区域的点击事件，为视频区域提供视频功能的扩展。

其中，子View被配置为当监听到视频区域的点击事件时，或者视频的播放状态发生改变时，处于显示状态；当未监听到视频区域的点击事件，并经过预定的时间后，处于隐藏状态。