Page display method based on H5 and terminal

Abstract

One embodiment of the invention discloses a page display method based on H5 and a terminal The invention is aimed at reducing the cost for making webpage, increasing the efficiency of making webpage and realizing smooth display of video. The embodiment of the invention provides a page display method based on H5 comprising following steps: loading fifth generation hypertext markup language H5 webpage on a display screen of a terminal, wherein the H5 webpage comprises a H5 page visible window and a video player button floating on the H5 page visible window; inserting video content to be displayed in the H5 page, wherein the video content is displayed on a visible window of the H5 page; when the video content needs to be played, the video content is played on the visible window of the H5 page and the video playing button is hidden from the visible window of the H5 page.

Description

technical field [0001] The present invention relates to the field of computer technology, in particular to an H5-based page display method and terminal. Background technique [0002] With the development of society and the Internet, there are more and more terminal-based pages. There are a large number of page access users and various types of terminals operated by various users. In the face of user groups using different terminals, the current page development process is mainly based on traditional mobile webpages to achieve display user needs, so that mobile webpage-based dissemination can be realized marketing. For example, by playing video content through a mobile webpage, the user operates the terminal to watch the video content displayed by the video player installed on the terminal, and obtain the information that the video producer needs to disseminate. [0003] In the existing technology, it is possible to make animations based on traditional mobile webpages to re...

AI Technical Summary

Problems solved by technology

[0003] In the existing technology, it is possible to make animations based on traditional mobile webpages to realize interactive complex actions, but this requires adding a large number of elements on the page and then completing the animation production through partial multi-element combination, which will cause webpage production costs Higher, long production time, poor display problems

The analysis is as follows. The combination of discrete page elements will cause poor user experience. For example, local multi-elements represent multiple block elements in a web page, and different blocks will consume memory for rendering and logic code control.

Multi-element is also more complicated in development control, and the debugging process after multi-element development is completed is also very complicated. Too many elements will consume more memory, especially the memory and performance consumption on the terminal web page is very important, resulting in animation Unsmooth playback problem

[0004] Taking FLASH production in the prior art as an example, a designer is needed to design the basic picture file, an animation designer is needed to use animation design software to expand the picture frame, and then a development engineer is needed to give feedback on it The dynamic effect writing of the function has the problems of high production cost and long production time of the webpage

Moreover, the splicing of animated elements is also troublesome for development engineers to adjust. There are many elements separated and spliced, such as Cascading Style Sheet (CSS) 3 animations or frame animations. Because there are too many node lines in the elements, repeated rendering is required. , which will cause the animation to freeze, which will lead to the problem that the animation is not smooth

Images