CN111417027A

CN111417027A - Method for switching small window playing of full-screen playing of webpage video and display equipment

Info

Publication number: CN111417027A
Application number: CN202010209510.5A
Authority: CN
Inventors: 秦敬波
Original assignee: Qingdao Hisense Media Network Technology Co Ltd
Current assignee: Vidaa Netherlands International Holdings BV
Priority date: 2020-03-23
Filing date: 2020-03-23
Publication date: 2020-07-14
Also published as: WO2021189712A1

Abstract

The embodiment of the invention relates to the technical field of display, in particular to a method and display equipment for switching full-screen playing to small-window playing of a webpage video. The method is simple and easy to implement, the browser burden is small, and the problem of website incompatibility can be effectively solved. The method comprises the following steps: and in the process of playing the webpage video in the website opened by the browser in a full screen mode, responding to an instruction of switching the full screen playing mode of the webpage video into small window playing mode, and controlling the width and/or height of the label of the video signal corresponding to the webpage video to be reduced.

Description

Method for switching small window playing of full-screen playing of webpage video and display equipment

Technical Field

The invention relates to the technical field of display, in particular to a method for switching full-screen playing of a webpage video to small-window playing and display equipment.

Background

As is well known, the smart television has more and more functions, and a user can open a webpage through a browser installed in the smart television and watch a webpage video in the webpage.

However, since the smart television starts later than devices such as a smart phone and a tablet personal computer, compatibility between a plurality of websites and the smart television is poor, and when a webpage video is switched from full-screen playing to small-window playing, the display proportion of the webpage video is abnormal, so that a user cannot view a complete image in the webpage video, and the experience of the user in viewing the webpage video on the smart television is affected.

Disclosure of Invention

The application provides a method and display equipment for switching small window playing from full-screen playing of a webpage video, so that when the webpage video is switched from full-screen playing to small window playing, the webpage video with a normal proportion can be displayed, and the watching experience of a user is improved.

In a first aspect, there is provided a display device comprising:

the display is used for displaying a webpage, and a player for playing webpage videos is embedded in the webpage;

the user interface is used for receiving instructions input by a user;

a controller for performing: and in the process of playing the webpage video in the website opened by the browser in a full screen mode, responding to an instruction of switching the full screen playing mode of the webpage video into small window playing mode, and controlling the width and/or height of the label of the video signal corresponding to the webpage video to be reduced.

In a second aspect, a method for switching a web page video to a small window for full-screen playing is provided, which includes: and in the process of playing the webpage video in the website opened by the browser in a full screen mode, responding to an instruction of switching the full screen playing mode of the webpage video into small window playing mode, and controlling the width and/or height of the label of the video signal corresponding to the webpage video to be reduced.

In the above embodiment, in the process of playing the web page video in the website opened through the browser in a full screen manner, in response to an instruction for switching the full screen playing of the web page video to the small window playing, the width and/or height of the label of the video signal corresponding to the web page video is controlled to be reduced. In the embodiment of the application, when the webpage video is switched from full-screen playing to small-window playing, the webpage video is displayed in a normal proportion. The method is simple and easy to implement, the browser burden is small, and the problem of website incompatibility can be effectively solved.

Drawings

In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the drawings needed to be used in the description of the embodiments will be briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without inventive exercise.

Fig. 1A is a schematic diagram illustrating an operation scenario between a display device and a control apparatus;

fig. 1B is a block diagram schematically illustrating a configuration of the control apparatus 100 in fig. 1A;

fig. 1C is a block diagram schematically illustrating a configuration of the display device 200 in fig. 1A;

FIG. 1D is a block diagram illustrating an architectural configuration of an operating system in memory of display device 200;

FIG. 2 is a schematic diagram illustrating an example GUI provided by display device 200;

a schematic diagram of yet another GUI provided by the display device 200 is exemplarily shown in fig. 3;

fig. 4 is a schematic diagram illustrating another GUI provided by the display apparatus 200;

fig. 5 is a flowchart illustrating a method for switching between widget display and full screen display of a web page video.

Detailed Description

In order to make the objects, technical solutions and advantages of the present invention clearer, the present invention will be described in further detail with reference to the accompanying drawings, and it is apparent that the described embodiments are only a part of the embodiments of the present invention, not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.

The term "user interface" in this application is a media interface for interaction and information exchange between an application or operating system and a user that enables conversion between an internal form of information and a form acceptable to the user. A common presentation form of a user interface is a Graphical User Interface (GUI), which refers to a user interface related to computer operations and displayed in a graphical manner. It may be an interface element such as an icon, a window, a control, etc. displayed in the display screen of the display device, where the control may include a visual interface element such as an icon, a button, a menu, a tab, a text box, a dialog box, a status bar, a navigation bar, a Widget, etc.

Fig. 1A is a schematic diagram illustrating an operation scenario between a display device and a control apparatus. As shown in fig. 1A, the control apparatus 100 and the display device 200 may communicate with each other in a wired or wireless manner.

Among them, the control apparatus 100 is configured to control the display device 200, which may receive an operation instruction input by a user and convert the operation instruction into an instruction recognizable and responsive by the display device 200, serving as an intermediary for interaction between the user and the display device 200. Such as: the user operates the channel up/down key on the control device 100, and the display device 200 responds to the channel up/down operation.

The control device 100 may be a remote controller 100A, which includes infrared protocol communication or bluetooth protocol communication, and other short-distance communication methods, etc. to control the display apparatus 200 in a wireless or other wired manner. The user may input a user instruction through a key on a remote controller, voice input, control panel input, etc., to control the display apparatus 200. Such as: the user can input a corresponding control command through a volume up/down key, a channel control key, up/down/left/right moving keys, a voice input key, a menu key, a power on/off key, etc. on the remote controller, to implement the function of controlling the display device 200.

The control device 100 may also be an intelligent device, such as a mobile terminal 100B, a tablet computer, a notebook computer, and the like. For example, the display device 200 is controlled using an application program running on the smart device. The application program may provide various controls to a user through an intuitive User Interface (UI) on a screen associated with the smart device through configuration.

For example, the mobile terminal 100B may install a software application with the display device 200 to implement connection communication through a network communication protocol for the purpose of one-to-one control operation and data communication. Such as: the mobile terminal 100B may be caused to establish a control instruction protocol with the display device 200 to implement the functions of the physical keys as arranged in the remote control 100A by operating various function keys or virtual buttons of the user interface provided on the mobile terminal 100B. The audio and video content displayed on the mobile terminal 100B may also be transmitted to the display device 200, so as to implement a synchronous display function.

The display apparatus 200 may provide a network television function of a broadcast receiving function and a computer support function. The display device may be implemented as a digital television, a web television, an Internet Protocol Television (IPTV), or the like.

The display device 200 may be a liquid crystal display, an organic light emitting display, a projection device. The specific display device type, size, resolution, etc. are not limited.

The display device 200 may also be in data communication with the server 300 via a variety of communication means, such as a local area network (L AN), a wireless local area network (W L AN), and other networks, where the server 300 may provide various content and interactions to the display device 200, the display device 200 may send and receive information, such as receiving Electronic Program Guide (EPG) data, receiving software program updates, or accessing a remotely stored digital media library, for example, the server 300 may be a group or groups of servers, one or more types of servers, and other network service content such as video-on-demand and advertising services provided via the server 300.

Fig. 1B is a block diagram illustrating the configuration of the control device 100. As shown in fig. 1B, the control device 100 includes a controller 110, a memory 120, a communicator 130, a user input interface 140, an output interface 150, and a power supply 160.

The controller 110 includes a Random Access Memory (RAM)111, a Read Only Memory (ROM)112, a processor 113, a communication interface, and a communication bus. The controller 110 is used to control the operation of the control device 100, as well as the internal components of the communication cooperation, external and internal data processing functions.

Illustratively, when an interaction of a user pressing a key disposed on the remote controller 100A or an interaction of touching a touch panel disposed on the remote controller 100A is detected, the controller 110 may control to generate a signal corresponding to the detected interaction and transmit the signal to the display device 200.

And a memory 120 for storing various operation programs, data and applications for driving and controlling the control apparatus 100 under the control of the controller 110. The memory 120 may store various control signal commands input by a user.

The communicator 130 enables communication of control signals and data signals with the display apparatus 200 under the control of the controller 110. Such as: the control apparatus 100 transmits a control signal (e.g., a touch signal or a button signal) to the display device 200 via the communicator 130, and the control apparatus 100 may receive the signal transmitted by the display device 200 via the communicator 130. The communicator 130 may include an infrared signal interface 131 and a radio frequency signal interface 132. For example: when the infrared signal interface is used, the user input instruction needs to be converted into an infrared control signal according to an infrared control protocol, and the infrared control signal is sent to the display device 200 through the infrared sending module. The following steps are repeated: when the rf signal interface is used, a user input command needs to be converted into a digital signal, and then the digital signal is modulated according to the rf control signal modulation protocol and then transmitted to the display device 200 through the rf transmitting terminal.

The user input interface 140 may include at least one of a microphone 141, a touch pad 142, a sensor 143, a key 144, and the like, so that a user can input a user instruction regarding controlling the display apparatus 200 to the control apparatus 100 through voice, touch, gesture, press, and the like.

Here, the output interface 150 may include L ED interface 151, vibration interface 152 generating vibration, sound output interface 153 outputting sound, display 154 outputting images, and the like, for example, the remote controller 100A may receive an output signal such as audio, video, or data from the output interface 150, and display the output signal as an image on the display 154, as an audio on the sound output interface 153, or as a vibration on the vibration interface 152.

And a power supply 160 for providing operation power support for each element of the control device 100 under the control of the controller 110. In the form of a battery and associated control circuitry.

A hardware configuration block diagram of the display device 200 is exemplarily illustrated in fig. 1C. As shown in fig. 1C, the display apparatus 200 may include a tuner demodulator 210, a communicator 220, a detector 230, an external device interface 240, a controller 250, a memory 260, a user interface 265, a video processor 270, a display 275, an audio processor 280, an audio output interface 285, and a power supply 290.

The tuner demodulator 210 receives the broadcast television signal in a wired or wireless manner, may perform modulation and demodulation processing such as amplification, mixing, and resonance, and is configured to demodulate, from a plurality of wireless or wired broadcast television signals, an audio/video signal carried in a frequency of a television channel selected by a user, and additional information (e.g., EPG data).

The tuner demodulator 210 is responsive to the user selected frequency of the television channel and the television signal carried by the frequency, as selected by the user and controlled by the controller 250.

The tuner demodulator 210 can receive a television signal in various ways according to the broadcasting system of the television signal, such as: terrestrial broadcasting, cable broadcasting, satellite broadcasting, internet broadcasting, or the like; and according to different modulation types, a digital modulation mode or an analog modulation mode can be adopted; and can demodulate the analog signal and the digital signal according to the different kinds of the received television signals.

In other exemplary embodiments, the tuning demodulator 210 may also be in an external device, such as an external set-top box. In this way, the set-top box outputs a television signal after modulation and demodulation, and inputs the television signal into the display apparatus 200 through the external device interface 240.

The communicator 220 is a component for communicating with an external device or an external server according to various communication protocol types. For example, the display apparatus 200 may transmit content data to an external apparatus connected via the communicator 220, or browse and download content data from an external apparatus connected via the communicator 220. The communicator 220 may include a network communication protocol module or a near field communication protocol module, such as a WIFI module 221, a bluetooth communication protocol module 222, and a wired ethernet communication protocol module 223, so that the communicator 220 may receive a control signal of the control device 100 according to the control of the controller 250 and implement the control signal as a WIFI signal, a bluetooth signal, a radio frequency signal, and the like.

The detector 230 is a component of the display apparatus 200 for collecting signals of an external environment or interaction with the outside. The detector 230 may include a sound collector 231, such as a microphone, which may be used to receive a user's sound, such as a voice signal of a control instruction of the user to control the display device 200; alternatively, ambient sounds may be collected that identify the type of ambient scene, enabling the display device 200 to adapt to ambient noise.

In some other exemplary embodiments, the detector 230, which may further include an image collector 232, such as a camera, a video camera, etc., may be configured to collect external environment scenes to adaptively change the display parameters of the display device 200; and the function of acquiring the attribute of the user or interacting gestures with the user so as to realize the interaction between the display equipment and the user.

In some other exemplary embodiments, the detector 230 may further include a light receiver for collecting the intensity of the ambient light to adapt to the display parameter variation of the display device 200.

In some other exemplary embodiments, the detector 230 may further include a temperature sensor, such as by sensing an ambient temperature, and the display device 200 may adaptively adjust a display color temperature of the image. For example, when the temperature is higher, the display apparatus 200 may be adjusted to display a color temperature of an image that is cooler; when the temperature is lower, the display device 200 may be adjusted to display a warmer color temperature of the image.

The external device interface 240 is a component for providing the controller 250 to control data transmission between the display apparatus 200 and an external apparatus. The external device interface 240 may be connected to an external apparatus such as a set-top box, a game device, a notebook computer, etc. in a wired/wireless manner, and may receive data such as a video signal (e.g., moving image), an audio signal (e.g., music), additional information (e.g., EPG), etc. of the external apparatus.

The external device interface 240 may include: a High Definition Multimedia Interface (HDMI) terminal 241, a Composite Video Blanking Sync (CVBS) terminal 242, an analog or digital Component terminal 243, a Universal Serial Bus (USB) terminal 244, a Component terminal (not shown), a red, green, blue (RGB) terminal (not shown), and the like.

The controller 250 controls the operation of the display device 200 and responds to the operation of the user by running various software control programs (such as an operating system and various application programs) stored on the memory 260. For example, the controller may be implemented as a Chip (SOC).

As shown in fig. 1C, the controller 250 includes a Random Access Memory (RAM)251, a Read Only Memory (ROM)252, a graphics processor 253, a CPU processor 254, a communication interface 255, and a communication bus 256. The RAM251, the ROM252, the graphic processor 253, and the CPU processor 254 are connected to each other through a communication bus 256 through a communication interface 255.

The ROM252 stores various system boot instructions. When the display apparatus 200 starts power-on upon receiving the power-on signal, the CPU processor 254 executes a system boot instruction in the ROM252, copies the operating system stored in the memory 260 to the RAM251, and starts running the boot operating system. After the start of the operating system is completed, the CPU processor 254 copies the various application programs in the memory 260 to the RAM251 and then starts running and starting the various application programs.

And a graphic processor 253 for generating various graphic objects such as icons, operation menus, and user input instruction display graphics, etc. The graphic processor 253 may include an operator for performing an operation by receiving various interactive instructions input by a user, and further displaying various objects according to display attributes; and a renderer for generating various objects based on the operator and displaying the rendered result on the display 275.

A CPU processor 254 for executing operating system and application program instructions stored in memory 260. And according to the received user input instruction, processing of various application programs, data and contents is executed so as to finally display and play various audio-video contents.

In some example embodiments, the CPU processor 254 may comprise a plurality of processors. The plurality of processors may include one main processor and a plurality of or one sub-processor. A main processor for performing some initialization operations of the display apparatus 200 in the display apparatus preload mode and/or operations of displaying a screen in the normal mode. A plurality of or one sub-processor for performing an operation in a state of a standby mode or the like of the display apparatus.

The communication interface 255 may include a first interface to an nth interface. These interfaces may be network interfaces that are connected to external devices via a network.

The controller 250 may control the overall operation of the display apparatus 200. For example: in response to receiving a user input command for selecting a GUI object displayed on the display 275, the controller 250 may perform an operation related to the object selected by the user input command. For example, the controller may be implemented as an SOC (System on Chip) or an MCU (Micro Control Unit).

Where the object may be any one of the selectable objects, such as a hyperlink or an icon. The operation related to the selected object is, for example, an operation of displaying a link to a hyperlink page, document, image, or the like, or an operation of executing a program corresponding to the object. The user input command for selecting the GUI object may be a command input through various input means (e.g., a mouse, a keyboard, a touch panel, etc.) connected to the display apparatus 200 or a voice command corresponding to a voice spoken by the user.

A memory 260 for storing various types of data, software programs, or applications for driving and controlling the operation of the display device 200. The memory 260 may include volatile and/or nonvolatile memory. And the term "memory" includes the memory 260, the RAM251 and the ROM252 of the controller 250, or a memory card in the display device 200.

In some embodiments, the memory 260 is specifically used for storing an operating program for driving the controller 250 of the display device 200; storing various application programs built in the display apparatus 200 and downloaded by a user from an external apparatus; data such as visual effect images for configuring various GUIs provided by the display 275, various objects related to the GUIs, and selectors for selecting GUI objects are stored.

In some embodiments, memory 260 is specifically configured to store drivers for tuner demodulator 210, communicator 220, detector 230, external device interface 240, video processor 270, display 275, audio processor 280, etc., and related data, such as external data (e.g., audio-visual data) received from the external device interface or user data (e.g., key information, voice information, touch information, etc.) received by the user interface.

In some embodiments, memory 260 specifically stores software and/or programs representing an Operating System (OS), which may include, for example: a kernel, middleware, an Application Programming Interface (API), and/or an application program. Illustratively, the kernel may control or manage system resources, as well as functions implemented by other programs (e.g., the middleware, APIs, or applications); at the same time, the kernel may provide an interface to allow middleware, APIs, or applications to access the controller to enable control or management of system resources.

A block diagram of the architectural configuration of the operating system in the memory of the display device 200 is illustrated in fig. 1D. The operating system architecture comprises an application layer, a middleware layer and a kernel layer from top to bottom.

The application layer may include a plurality of applications, such as a setup application, a post application, a media center application, etc. these applications may be implemented as Web applications that are executed based on a WebKit engine, and in particular may be developed and executed based on HTM L5, Cascading Style Sheets (CSS), and JavaScript.

Here, the HTM L, which is called HyperText Markup language (HyperText Markup L anguage) is a standard Markup language for creating web pages, and describes the web pages by Markup tags, the HTM L tags are used to describe characters, graphics, animation, sound, tables, links, etc., and the browser reads the HTM L document, interprets the contents of the tags in the document, and displays them in the form of web pages.

CSS, known as Cascading Style Sheets (Cascading Style Sheets), is a computer language used to represent the Style of HTM L files, and can be used to define the Style structure, such as the language of font, color, location, etc.

JavaScript, which is a language applied to Web page programming, can be inserted into the HTM L page and interpreted and executed by a browser, wherein the interaction logic of the Web application is realized by the JavaScript, the JavaScript can be used for encapsulating a JavaScript extension interface by the browser to realize the communication with a kernel layer,

for example, the middleware layer may be implemented as multimedia and hypermedia information coding experts group (MHEG) middleware associated with data broadcasting, D L NA middleware that is middleware associated with communication with external devices, middleware that provides a browser environment in which applications run within the display device, and the like.

The kernel layer can be implemented as a kernel based on various operating systems, for example, a kernel based on L inux operating system.

The kernel layer also provides communication between system software and hardware, and provides device driver services for various hardware, such as: provide display driver for the display, provide camera driver for the camera, provide button driver for the remote controller, provide wiFi driver for the WIFI module, provide audio driver for audio output interface, provide power management drive for Power Management (PM) module etc..

A user interface 265 receives various user interactions. Specifically, it is used to transmit an input signal of a user to the controller 250 or transmit an output signal from the controller 250 to the user. For example, the remote controller 100A may transmit an input signal, such as a power switch signal, a channel selection signal, a volume adjustment signal, etc., input by the user to the user interface 265, and then the input signal is transferred to the controller 250 through the user interface 265; alternatively, the remote controller 100A may receive an output signal such as audio, video, or data output from the user interface 265 via the controller 250, and display the received output signal or output the received output signal in audio or vibration form.

In some embodiments, a user may enter user commands on a Graphical User Interface (GUI) displayed on the display 275, and the user interface 265 receives the user input commands through the GUI. Specifically, the user interface 265 may receive user input commands for controlling the position of a selector in the GUI to select different objects or items.

Alternatively, the user may input a user command by inputting a specific sound or gesture, and the user interface 265 receives the user input command by recognizing the sound or gesture through the sensor.

The video processor 270 is configured to receive an external video signal, and perform video data processing such as decompression, decoding, scaling, noise reduction, frame rate conversion, resolution conversion, and image synthesis according to a standard codec protocol of the input signal, so as to obtain a video signal that is directly displayed or played on the display 275.

Illustratively, the video processor 270 includes a demultiplexing module, a video decoding module, an image synthesizing module, a frame rate conversion module, a display formatting module, and the like.

The demultiplexing module is configured to demultiplex an input audio/video data stream, where, for example, an input MPEG-2 stream (based on a compression standard of a digital storage media moving image and voice), the demultiplexing module demultiplexes the input audio/video data stream into a video signal and an audio signal.

And the video decoding module is used for processing the video signal after demultiplexing, including decoding, scaling and the like.

And the image synthesis module is used for carrying out superposition mixing processing on the GUI signal input by the user or generated by the user and the video image after the zooming processing by the graphic generator so as to generate an image signal for display.

The frame rate conversion module is configured to convert a frame rate of an input video, for example, convert a frame rate of an input 60Hz video into a frame rate of 120Hz or 240Hz, where a common format is implemented by using, for example, an interpolation frame method.

And a display formatting module for converting the signal output by the frame rate conversion module into a signal conforming to a display format of a display, such as converting the format of the signal output by the frame rate conversion module to output an RGB data signal.

A display 275 for receiving the image signal from the video processor 270 and displaying the video content, the image and the menu manipulation interface. The display video content may be from the video content in the broadcast signal received by the tuner-demodulator 210, or from the video content input by the communicator 220 or the external device interface 240. The display 275, while displaying a user manipulation interface UI generated in the display apparatus 200 and used to control the display apparatus 200.

And, the display 275 may include a display screen assembly for presenting a picture and a driving assembly for driving the display of an image. Alternatively, a projection device and projection screen may be included, provided display 275 is a projection display.

The audio processor 280 is configured to receive an external audio signal, decompress and decode the received audio signal according to a standard codec protocol of the input signal, and perform audio data processing such as noise reduction, digital-to-analog conversion, and amplification processing to obtain an audio signal that can be played by the speaker 286.

Illustratively, audio processor 280 may support various audio formats. Such as MPEG-2, MPEG-4, Advanced Audio Coding (AAC), high efficiency AAC (HE-AAC), and the like.

The audio output interface 285 is used for receiving an audio signal output by the audio processor 280 under the control of the controller 250, and the audio output interface 285 may include a speaker 286 or an external sound output terminal 287, such as an earphone output terminal, for outputting to a generating device of an external device.

In other exemplary embodiments, video processor 270 may comprise one or more chips. Audio processor 280 may also comprise one or more chips.

And, in other exemplary embodiments, the video processor 270 and the audio processor 280 may be separate chips or may be integrated with the controller 250 in one or more chips.

And a power supply 290 for supplying power supply support to the display apparatus 200 from the power input from the external power source under the control of the controller 250. The power supply 290 may be a built-in power supply circuit installed inside the display apparatus 200, or may be a power supply installed outside the display apparatus 200.

Compared with the starting of devices such as a smart phone and a tablet personal computer, the smart television starts late, so that the compatibility of a plurality of websites and the smart television is poor, and when the webpage video is switched from full-screen playing to small-window playing, the display proportion of the webpage video is abnormal, so that a user cannot watch a complete image in the webpage video, and the experience of watching the webpage video on the smart television is influenced finally.

For example, the user opens a web page video in a certain website through a browser, and the web page video is displayed as a GUI shown in fig. 2, and a web page video 41 played in full screen is displayed in fig. 2. When an instruction for switching the web page video from full screen playing to small window playing is input, the GUI shown in fig. 2 displayed on the display is changed to a schematic diagram of a GUI shown in fig. 3, the GUI shown in fig. 3 includes a web page 42 and a web page video 43 played in a small window, but the ratio of the characters in the web page video in fig. 3 is not reduced, so that the user cannot view the complete character image in the small window.

In the embodiment of the application, in the process of playing the web page video in full screen, the user can input an instruction for switching the web page video from full screen playing to small window playing by using the control device, and in response to the instruction, the display device displays a GUI schematic diagram as shown in fig. 4. The GUI display of fig. 4 includes a web page 42 and a web video 43 played in a small window, wherein the characters within the web video are scaled down so that the user can view the complete image of the character in the small window.

The application provides a method for switching full-screen playing of a webpage video to small-window playing, and the embodiment of the application aims at the process of switching full-screen playing to small-window playing of the webpage video on a website opened by a browser.

Fig. 5 is a flowchart of a method for switching full-screen playing to small-window playing of a web video in an embodiment of the present application.

S100, judging whether the website opened through the browser is a preset website or not, wherein the preset website is used for indicating the website corresponding to the webpage video which cannot be played in a normal ratio when the full screen is switched to the small window.

The preset website can be obtained through testing in advance, for example, the favorite website is opened through a browser, the webpage video needing to be watched on the favorite website is selected through the control device and played in a full screen mode, when an instruction that the webpage video is played in the full screen mode to be played in a small window mode is input, and the webpage video played in the small window cannot be played in a normal proportion, the favorite website is determined to be the favorite preset website.

Specifically, the user interaction interface displayed by the display comprises an OSD layer and a video layer which are arranged from top to bottom, and the content displayed on the video layer is controlled by the player. When the webpage video is played in a full screen mode, the OSD layers are all set to be transparent, and the length and the width of the player are the size of a user interaction interface displayed by the displayer.

S200, if the website opened through the browser is a preset website, acquiring a label of a video signal corresponding to a webpage video and a label of a player, wherein the label comprises various attributes such as width and height.

Monitoring the width and height in a label of the player; and in response to the width and/or height reduction in the label of the player, determining to input an input instruction which indicates that the small window is switched to be full screen to play the webpage video.

S300, in the process of playing the webpage video in the website opened through the browser in a full screen mode, responding to an instruction of switching the full screen playing mode of the webpage video into small window playing mode, and controlling the width and/or height of the label of the video signal corresponding to the webpage video to be reduced.

Specifically, in response to an instruction for switching full-screen playing to small-window playing of a webpage video, the length and the width of the player are reduced to the size of the small-window playing of the webpage video, part of the OSD layer is set to be transparent, other parts of the OSD layer display the webpage, and the transparent part of the OSD layer is overlapped with the webpage video played by the player, so that when a user watches display equipment, a user interaction page displayed by the display includes both the webpage video played by the small-window and the webpage.

Meanwhile, the width and/or height in the label of the video signal corresponding to the web video is controlled to be reduced in the embodiment of the present application, because when only the size of the player is reduced, the problem of displaying in the GUI as shown in fig. 3 is easily caused.

In some embodiments, said controlling the width and/or height reduction in the label of the web page video corresponding video signal comprises:

setting a width in a tag of the video signal equal to a width in a tag of the player, and setting a height in a tag of the video signal equal to a height in a tag of the player.

Specifically, a JavaScript script may be injected into a web page provided by the browser, and if it is determined that the web page is provided by the preset website through the JavaScript script, a web page video object in the web page is obtained, and then the width and height attributes in the tag corresponding to the video signal are obtained. When the webpage video is switched from full-screen playing to small-window playing, the JavaScript script monitors that the width and height attributes in the label of the player object in the webpage page change, and the width of the player object are set to be equal.

In order to ensure that the video signal and the player can be scaled down equally, in the embodiment of the present application, the width and height of the label of the video signal and the label of the player are set to be equal in number. This way, the problem of only the player being reduced in size without a corresponding reduction of the video signal does not occur.

While preferred embodiments of the present invention have been described, additional variations and modifications in those embodiments may occur to those skilled in the art once they learn of the basic inventive concepts. Therefore, it is intended that the appended claims be interpreted as including preferred embodiments and all such alterations and modifications as fall within the scope of the invention.

It will be apparent to those skilled in the art that various changes and modifications may be made in the present invention without departing from the spirit and scope of the invention. Thus, if such modifications and variations of the present invention fall within the scope of the claims of the present invention and their equivalents, the present invention is also intended to include such modifications and variations.

Claims

1. A display device, comprising:

the user interface is used for receiving instructions input by a user;

a controller for performing:

in the process of playing the webpage video in the website opened through the browser in a full screen mode, in response to an instruction that the webpage video is switched from the full screen mode to the small window mode, controlling the width of the webpage video in a label corresponding to a video signal to be equal to the width of the player in the label, and controlling the height of the video signal in the label to be equal to the height of the player in the label.

2. The display device according to claim 1, wherein the website opened by the browser is a preset website, and the preset website is used for indicating a website corresponding to a webpage video which cannot be played at a normal ratio when the webpage video is switched from a full screen to a small window for playing.

3. The display device according to claim 2, wherein the controller is further configured to perform:

and when the webpage video is provided by the preset website, acquiring the width and the height of the label of the video signal corresponding to the webpage video.

4. The display device according to claim 1, wherein the method for determining input of the instruction for switching the web page video from full-screen playing to small-window playing comprises:

monitoring the width and height in a label of a player for playing the webpage video;

when the width or/and the height in a label of a player playing the webpage video are/is reduced, determining to input an input instruction which indicates to switch the small window to play the webpage video in a full screen mode.

5. A method for switching a webpage video from full-screen playing to small-window playing is characterized by comprising the following steps:

in the process of playing a webpage video in a website opened through a browser in a full screen mode, responding to an instruction of switching the full screen playing mode of the webpage video into a small window playing mode, controlling the width of a label of a video signal corresponding to the webpage video to be equal to the width of the label of a player, and controlling the height of the label of the video signal to be equal to the height of the label of the player;

and a player for playing the webpage video is embedded in the webpage.

6. The method according to claim 5, wherein the website opened by the browser is a preset website, and the preset website is used for indicating a website corresponding to a webpage video which cannot be played at a normal ratio when the webpage video is switched from a full screen to a small window for playing.

7. The method of claim 6, further comprising:

8. The method of claim 5, wherein the method for determining the input of the instruction for switching the webpage video from full-screen playing to small-window playing comprises the following steps: