The invention discloses a unified video playback method, the method comprises the following steps: open the video page in a browser, create a video player according to the video web video label; after receiving the video player based on video playback instruction, surface rendering to create a cover on the video label; in the drawing surface display of video content and preset video playback controls, and loaded with the video playback control corresponding video playback control logic. The present invention also discloses a terminal and a computer readable storage medium. The invention can realize the video of different video websites to play in a unified play control mode, thereby reducing the user's learning cost.
【技术实现步骤摘要】
视频统一播放方法、终端及计算机可读存储介质
本专利技术涉及互联网
,尤其涉及视频统一播放方法、终端及计算机可读存储介质。
技术介绍
随着互联网技术的发展,通过浏览器直接观看网页视频变得越来越流行,而随着网络通信标准HTML5(第五代超文本标记语言)的出现,浏览器播放视频时可以不再需要安装插件,而是直接利用video标签(视频标签)来播放视频。目前,不同的视频网站都有其定制的video标签,以达到其各自的播放效果,比如,优酷网站和爱奇艺网站的网页视频在浏览器中播放时显示的播放控制条样式就不一样,而有些视频网站没有对video标签进行定制,此时由浏览器提供缺省的播放控制条,其样式又有所不同。此外,各视频网站提供的播放控制条的功能也不一样,比如,在全屏播放模式下,优酷网站会继续显示播放控制条,用户可以通过点击播放控制条上的退出全屏按钮退出全屏播放模式,而爱奇艺网站则会将播放控制条彻底隐藏,以避免干扰用户,这样,当用户从优酷网站切换到爱奇艺网站时,就不容易适应新的播放控制模式,不清楚如何从全屏状态返回。总之,由于不同视频网站定制的video标签不同,当用户使用浏览器 ...
【技术保护点】
一种视频统一播放方法,其特征在于,所述方法包括如下步骤:在浏览器打开视频网页时,根据所述视频网页的视频标签创建一个视频播放器;在接收到基于所述视频播放器的视频播放指令时,创建一个覆盖于所述视频标签之上的绘制表面;在所述绘制表面上展示视频播放内容和预设的视频播放控制条,并加载与所述视频播放控制条对应的视频播放控制逻辑。
【技术特征摘要】
1.一种视频统一播放方法,其特征在于,所述方法包括如下步骤:在浏览器打开视频网页时,根据所述视频网页的视频标签创建一个视频播放器;在接收到基于所述视频播放器的视频播放指令时,创建一个覆盖于所述视频标签之上的绘制表面;在所述绘制表面上展示视频播放内容和预设的视频播放控制条,并加载与所述视频播放控制条对应的视频播放控制逻辑。2.如权利要求1所述的方法,其特征在于,所述在浏览器打开视频网页时,根据所述视频网页的视频标签创建一个视频播放器的步骤之前,还包括:为不同的视频网页设置统一的视频播放控制条展示样式,以及与所述展示样式对应的视频播放控制逻辑。3.如权利要求1所述的方法,其特征在于,所述在接收到基于所述视频播放器的视频播放指令时,创建一个覆盖于所述视频标签之上的绘制表面的步骤包括:在接收到基于所述视频播放器的视频播放指令时,获取所述视频标签在所述视频网页中的位置信息;根据获取到的所述位置信息创建一个覆盖于所述视频标签之上的绘制表面。4.如权利要求3所述的方法,其特征在于,所述位置信息包括所述视频标签的宽度值和高度值,以及所述视频标签在所述视频网页中的任一顶点位置,所述根据获取到的所述位置信息创建一个覆盖于所述视频标签之上的绘制表面的步骤包括:根据所述视频标签的宽度值和高度值,以及所述视频标签在所述视频网页中的任一顶点位置,确定所述绘制表面在所述视频网页中的位置;根据所述绘制表面在所述视频网页中的位置创建所述绘制表面。5.如权利要求1所述的方法,其特征在于,所述在接收到基于所述视频播放器的视频...
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。