一种网页视频画中画播放方法及装置

摘要

本发明公开一种网页视频画中画播放方法及装置，本发明方法通过css样式控制视频位置显示，调用H5的视频标签的api函数控制视频的播放、视频声音，用js脚本事件控制视频标签内容的切换。本发明实施例方法使用HTM5及JavaScript技术实现不需要任何插件的在线视频播放器的画中画观看体验。

主权项

一种网页视频画中画播放方法，其特征在于，所述方法包括以下步骤：接收网页视频播放器发送的启动画中画的命令；利用css和JavaScript在当前页面的底层vieo上设定至少一个video小窗口视频，使其悬浮在底层video上面，同时屏蔽该小窗口视频的声音；获取鼠标信息，当鼠标在底层video和悬浮video之间移动时，通过css和JavaScript实现声音的任意切换；当用户点击悬浮视频时，悬浮视频与底层视频内容相互切换。