网页中视频播放方法及装置制造方法及图纸

技术编号:16219892 阅读:37 留言:0更新日期:2017-09-16 02:17
本发明专利技术提出一种网页中视频播放方法及装置,其中方法包括:在网页中视频控件的定位类型为相对网页固定时,根据视频控件在终端显示区域上的位置信息,判断视频控件的视频区域是否全部显示在终端显示区域上;若否,则对定位类型以及显示层位属性进行存储,并将视频控件的定位类型修改为相对终端显示区域固定,将视频控件的显示层位属性修改为最上层显示,将视频控件的位置信息修改为预设位置信息,预设位置信息为视频控件的视频区域位于终端显示区域顶部时的位置信息,从而实现视频控件的悬浮播放,且在正常播放状态和悬浮播放状态之间切换时视频播放保持流畅,没有停顿,提高了视频播放效果,终端用户的观看体验较好。

Method and device for playing video in web page

The invention provides a web video playback method and device, wherein the method comprises the following steps: positioning in the page video control type \is relatively fixed, according to the video display terminal position information in control area, control area of the video video to determine whether all displayed on the terminal display area; if not, the the type of positioning and display layer attributes stored, and the location types of video controls modify relative terminal display area is fixed, the video display of the control layer attribute modification as the top layer, the video controls the position information to modify the preset position information, preset position information for video control is located in the terminal area of the video display position information at the top of the suspension control so as to realize the video playback, and in the normal state of play and play suspended state switching When the video playback to maintain smooth, no pause, improve the video playback effect, the end user experience better.

【技术实现步骤摘要】
网页中视频播放方法及装置
本专利技术涉及网页浏览器
,尤其涉及一种网页中视频播放方法及装置。
技术介绍
目前,如手机之类的终端设备通常都具有视频播放功能,用户可通过终端设备中安装的视频播放器播放视频。在浏览器中,为了满足用户同时观看视频和浏览网页内容的需求,可以提供视频悬浮播放的功能。目前的视频悬浮播放实现方案主要有两类,一类是重用原有视频播放控件;另一类是复制一份视频播放控件。重用原有视频播放控件的方案主要是:停止播放视频,从当前视图框架中移除视频,重新挂载视频到不同的挂载点,恢复播放视频。然而上述方案中,在正常播放状态和悬浮播放状态之间切换时难以保持视频播放流畅,视频播放有停顿,影响视频播放效果,影响终端用户的观看体验。
技术实现思路
本专利技术旨在至少在一定程度上解决相关技术中的技术问题之一。为此,本专利技术的第一个目的在于提出一种网页中视频播放方法,用于解决现有技术中网页视频播放效果差的问题。本专利技术的第二个目的在于提出一种网页中视频播放装置。本专利技术的第三个目的在于提出另一种网页中视频播放装置。本专利技术的第四个目的在于提出一种非临时性计算机可读存储介质。本专利技术的本文档来自技高网...
网页中视频播放方法及装置

【技术保护点】
一种网页中视频播放方法,其特征在于,包括:获取终端上显示的网页中视频控件的定位属性以及显示层位属性,所述定位属性包括:定位类型以及所述视频控件在终端显示区域上的位置信息;在所述定位类型为相对网页固定时,根据所述视频控件在终端显示区域上的位置信息,判断所述视频控件的视频区域是否全部显示在所述终端显示区域上;若所述视频控件的视频区域未全部显示在所述终端显示区域上,则对所述定位类型以及所述显示层位属性进行存储;将所述视频控件的定位类型修改为相对终端显示区域固定,将所述视频控件的显示层位属性修改为最上层显示,将所述视频控件的位置信息修改为预设位置信息,所述预设位置信息为所述视频控件的视频区域位于终端显...

【技术特征摘要】
1.一种网页中视频播放方法,其特征在于,包括:获取终端上显示的网页中视频控件的定位属性以及显示层位属性,所述定位属性包括:定位类型以及所述视频控件在终端显示区域上的位置信息;在所述定位类型为相对网页固定时,根据所述视频控件在终端显示区域上的位置信息,判断所述视频控件的视频区域是否全部显示在所述终端显示区域上;若所述视频控件的视频区域未全部显示在所述终端显示区域上,则对所述定位类型以及所述显示层位属性进行存储;将所述视频控件的定位类型修改为相对终端显示区域固定,将所述视频控件的显示层位属性修改为最上层显示,将所述视频控件的位置信息修改为预设位置信息,所述预设位置信息为所述视频控件的视频区域位于终端显示区域顶部时的位置信息。2.根据权利要求1所述的方法,其特征在于,所述将所述视频控件的定位类型修改为相对终端显示区域固定,将所述视频控件的显示层位属性修改为最上层显示,将所述视频控件的位置信息修改为预设位置信息之后,还包括:获取所述网页的当前显示位置;根据所述网页的当前显示位置,计算所述视频控件相对网页固定时的预估位置;根据所述视频控件相对网页固定时的预估位置,判断位于所述预估位置的视频控件的视频区域是否全部显示在所述终端显示区域上;若所述预估位置的视频控件的视频区域全部显示在所述终端显示区域上,则将所述视频控件的定位类型以及显示层位属性修改为相应的存储值,并将所述视频控件在终端显示区域上的位置信息修改为所述预估位置的位置信息。3.根据权利要求1所述的方法,其特征在于,所述在所述定位类型为相对网页固定时,根据所述视频控件在终端显示区域上的位置信息,判断所述视频控件的视频区域是否全部显示在所述终端显示区域上,包括:在所述定位类型为相对网页固定时,获取终端显示区域的位置信息;将所述视频控件在终端显示区域上的位置信息与所述终端显示区域的位置信息进行比对,判断所述视频控件的视频区域是否全部显示在所述终端显示区域上。4.根据权利要求1所述的方法,其特征在于,所述终端显示区域为所述网页在终端上的显示区域。5.一种网页中视频播放装置,其特征在于,包括:第一获取模块,用于获取终端上显示的网页中视频控件的定位属性以及显示层位属性,所述定位属性包括:定位类型以及所述视频控件在终端显示区域上的位置信息;第一判断模块,用于在所述定位类型为相对网页固定时,根据所述视频控件在终端显示区域上的位置信息,判断所述视频控件的视频区域是否全部显示在所述终端显示区域上;存储模块,用于在所述视频控件的视频区域未全部显示在所述终端显示区域上时...

【专利技术属性】
技术研发人员:申小军
申请(专利权)人:北京金山安全软件有限公司
类型:发明
国别省市:北京,11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1