Semi-transparent display method and device for video window assembly and computer device

Abstract

The invention discloses a semi-transparent display method for a video window assembly. The method comprises the following steps of obtaining the size of the video window assembly and the screen resolution of terminal equipment; editing an original background image into a DIV layer according to the size of the video window assembly and the screen resolution; importing the DIV layer into a canvas element, and then carrying out semitransparent display setting; and filling the video window assembly with the translucent canvas element. The invention further provides a video window assembly semitransparent display device, a server and a computer readable storage medium. According to the video window component semitransparent display method and device, the computer equipment and the computer readable storage medium provided by the invention, the video window component semitransparent display based on the elements of the video webpage can be realized, so that an ActiveX control does not need to be additionally loaded, the adaptability is stronger, and the application effect is better.

Description

technical field [0001] The present invention relates to the technical field of UI design, in particular to a translucent display method, device, computer equipment and computer-readable storage medium of a video window component. Background technique [0002] With the development of HTML technology, the function of playing video on the browser page of the terminal becomes easier and more convenient. In practical applications, floating translucent components are often set in some areas of the video playback window to display menu bars or other functional modules, so that users can watch full-screen videos and perform menu function selection and operations at the same time. However, the existing translucent components generally integrate the translucent images defined by RGB (Red, Green, Blue, red, green, blue) three primary color values ​​into the video playback window component by loading the ActiveX control, so additional Load the ActiveX control. In addition, the ActiveX...

AI Technical Summary

Problems solved by technology

However, the existing translucent components generally integrate the translucent images defined by RGB (Red, Green, Blue, red, green, blue) three primary color values ​​into the video playback window component by loading the ActiveX control, so additional load ActiveX control

In addition, the ActiveX control is not perfectly compatible with all operating environments, and the translucent component formed by loading the ActiveX control is not completely synchronized with the page when it is scaled.

Images