# US 12,604,070 B2 · Video preview method and apparatus

> Agents: this data is available as JSON from the patentgrep API and MCP server — see https://patentgrep.com/llms.txt

- Number: US 12,604,070 B2
- Document ID: US12604070B2
- Status: Granted
- Kind: B2
- Application number: 18/716,892
- Filed: 2022-06-20
- Published: 2025-02-06
- Granted: 2026-04-14
- Earliest claimed: 2021-12-06
- Assignees: Shanghai Bilibili Technology Co., Ltd.
- Applicants: Shanghai Bilibili Technology Co., Ltd.
- Inventors: Zhibo Yang; Hao Liu
- Web page: https://patentgrep.com/patent/US12604070B2

## CPC

- H04N 21/8549: Creating video summaries, e.g. movie trailer {(retrieval in video databases by using presentations in form of a video summary G06F16/739)}
- H04N 21/431: Generation of visual interfaces {for content selection or interaction}; Content or additional data rendering
- H04N 21/472: End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content {(end-user interfaces for retrieving video data from a database G06F16/739; network services for supporting unicast streaming H04L65/612)}
- H04N 21/47217: {for controlling playback functions for recorded or on-demand content, e.g. using progress bars, mode or play-point indicators or bookmarks (specific graphical features in visual interfaces H04N21/4312)}
- H04N: PICTORIAL COMMUNICATION, e.g. TELEVISION

## Abstract

This application provides video preview techniques. The techniques comprise detecting a preview operation performed on a target video cover in a video preview page, and determining an operation duration of the preview operation, wherein the video preview page comprises video covers of at least two videos, a page container is provided at a position where each video cover is displayed in the video preview page, and each page container is configured to detect a preview operation performed on a corresponding video cover; determining a player container associated with a page container of the target video cover when the operation duration reaches a duration threshold, wherein the player container is configured to carry a target player of playing video content; loading the target player carried in the player container, and playing video content corresponding to the target video cover at a position of the target video cover through the target player.

## Claims

### Claim 1

A method of implementing video preview, comprising:
detecting a preview operation performed on a target video cover in a video preview page, wherein the video preview page comprises a plurality of video covers corresponding to a plurality of videos, wherein a page container is provided at a position where each video cover is displayed in the video preview page, and wherein each page container is configured to detect a preview operation performed on a corresponding video cover;
determining whether an operation duration of the preview operation reaches a duration threshold;
determining a player container associated with a page container of the target video cover in response to determining that the operation duration of the preview operation reaches the duration threshold, wherein the player container is configured to carry a target player of playing content of a video corresponding to the target video cover, wherein the player container is embedded as a sub-element of the page container of the target video cover, and wherein the page container is configured to monitor the preview operation performed on the target video cover;
loading the target player carried in the player container associated with the page container of the target video cover;
playing content of the video corresponding to the target video cover at a position of the target video cover in the video preview page through the target player;
detecting, by the page container, whether the preview operation on the target video cover is cancelled; and
controlling the target player to pause playback of the content of the video based on the page container detecting that the preview operation on the target video cover is cancelled.

### Claim 2 (depends on 1)

The method according to claim 1, wherein before detecting the preview operation performed on the target video cover in the video preview page, the method further comprises:
obtaining video metadata and a playback parameter that correspond to the target video cover;
creating the target player of playing the video corresponding to the target video cover based on the video metadata and the playback parameter; and
creating the player container based on the target player.

### Claim 3 (depends on 2)

The method according to claim 2, wherein the method further comprises:
separately encapsulating player instances corresponding to a plurality of video types before creating the target player of playing the video corresponding to the target video cover; and
wherein the creating the target player of playing the video corresponding to the target video cover based on the video metadata and the playback parameter further comprises:
parsing the video metadata,
determining a target video type and a content identifier that correspond to the target video cover based on the video metadata,
invoking a player instance corresponding to the target video type based on the target video type, wherein the player instance is among the encapsulated player instances corresponding to the plurality of video types, and
creating the target player corresponding to the target video cover based on the player instance, the content identifier, and the playback parameter.

### Claim 4 (depends on 1)

The method according to claim 1, wherein the method further comprises:
encapsulating an intermediate operation layer, wherein the intermediate operation layer is configured to determine a playback operation corresponding to the detected preview operation; and
wherein the playing content of the video corresponding to the target video cover at a position of the target video cover in the video preview page through the target player comprises:
determining the playback operation corresponding to the preview operation through the encapsulated intermediate operation layer, and
controlling, based on the playback operation, the target player to play the content of the video corresponding to the target video cover at the position of the target video cover in the video preview page.

### Claim 5 (depends on 1)

The method according to claim 1, wherein before the loading the target player carried in the player container, the method further comprises:
determining whether the preview operation is a preview operation first detected for the target video cover in a first preset duration; and
in response to determining that the preview operation is the preview operation first detected for the target video cover in the first preset duration, loading the target player carried in the player container associated with the page container of the target video cover.

### Claim 6 (depends on 1)

The method according to claim 1, wherein the loading the target player and the playing content of the video corresponding to the target video cover at a position of the target video cover in the video preview page through the target player further comprises:
determining whether an initialization of the target player is completed;
initializing the target player in response to determining that the initialization of the target player is not completed; and
playing the content of the video corresponding to the target video cover at the position of the target video cover through the target player after completing the initialization.

### Claim 7 (depends on 1)

The method according to claim 1, wherein the method further comprises:
determining whether there is a playback permission of playing the content of the video corresponding to the target video cover before playing the content of the video in the video preview page through the target player;
in response to determining that there is the playback permission, determining whether the preview operation is cancelled; and
in response to determining that the preview operation is not cancelled, playing the content of the video corresponding to the target video cover at the position of the target video cover through the target player.

### Claim 8 (depends on 1)

The method according to claim 1, wherein the method further comprises:
determining whether the preview operation is cancelled after determining that an initialization of the target player is completed; and
in response to determining that the preview operation is not cancelled, playing the content of the video corresponding to the target video cover at the position of the target video cover through the target player.

### Claim 9 (depends on 1)

The method according to claim 1, wherein while playing the content of the video corresponding to the target video cover at the position of the target video cover through the target player, the method further comprises:
in response to detecting that the preview operation is cancelled, determining whether another preview operation is detected for the target video cover in a second preset duration from a cancellation of the preview operation; and
disabling the target player in response to determining that no preview operation is detected in the second preset duration from the cancellation of the preview operation.

### Claim 10 (depends on 1)

The method according to claim 1, wherein the method further comprises:
feeding back to the page container information indicative of a loading state or a playback state of the target player.

### Claim 11

A computing device, comprising:
a memory and a processor, wherein the memory is configured to store computer-executable instructions, and the processor is configured to execute the computer-executable instructions to implement operations comprising:
detecting a preview operation performed on a target video cover in a video preview page, wherein the video preview page comprises a plurality of video covers corresponding to a plurality of videos, wherein a page container is provided at a position where each video cover is displayed in the video preview page, and wherein each page container is configured to detect a preview operation performed on a corresponding video cover;
determining whether an operation duration of the preview operation reaches a duration threshold;
determining a player container associated with a page container of the target video cover in response to determining that the operation duration of the preview operation reaches the duration threshold, wherein the player container is configured to carry a target player of playing content of a video corresponding to the target video cover, wherein the player container is embedded as a sub-element of the page container of the target video cover, and wherein the page container is configured to monitor the preview operation performed on the target video cover;
loading the target player carried in the player container associated with the page container of the target video cover;
playing content of the video corresponding to the target video cover at a position of the target video cover in the video preview page through the target player;
detecting, by the page container, whether the preview operation on the target video cover is cancelled; and
controlling the target player to pause playback of the content of the video based on the page container detecting that the preview operation on the target video cover is cancelled.

### Claim 12 (depends on 11)

The computing device according to claim 11, wherein before detecting the preview operation performed on the target video cover in the video preview page, the operations further comprise:
obtaining video metadata and a playback parameter that correspond to the target video cover;
creating the target player of playing the video corresponding to the target video cover based on the video metadata and the playback parameter; and
creating the player container based on the target player.

### Claim 13 (depends on 12)

The computing device according to claim 12, the operations further comprising:
separately encapsulating player instances corresponding to a plurality of video types before creating the target player of playing the video corresponding to the target video cover; and
wherein the creating the target player of playing the video corresponding to the target video cover based on the video metadata and the playback parameter further comprises:
parsing the video metadata,
determining a target video type and a content identifier that correspond to the target video cover based on the video metadata,
invoking a player instance corresponding to the target video type, wherein the player instance is among the encapsulated player instances corresponding to the plurality of video types, and
creating the target player corresponding to the target video cover based on the player instance, the content identifier, and the playback parameter.

### Claim 14 (depends on 11)

The computing device according to claim 11, the operations further comprising:
encapsulating an intermediate operation layer, wherein the intermediate operation layer is configured to determine a playback operation corresponding to the detected preview operation; and
wherein the playing content of the video corresponding to the target video cover at a position of the target video cover in the video preview page through the target player comprises:
determining the playback operation corresponding to the preview operation through the encapsulated intermediate operation layer, and
controlling, based on the playback operation, the target player to play the content of the video corresponding to the target video cover at the position of the target video cover in the video preview page.

### Claim 15 (depends on 11)

The computing device according to claim 11, the operations further comprising:
determining whether there is a playback permission of playing the content of the video corresponding to the target video cover before playing the content of the video through the target player;
determining whether the preview operation is cancelled in response to determining that there is the playback permission; and
playing the content of the video corresponding to the target video cover in the video preview page through the target player in response to determining that the preview operation is not cancelled.

### Claim 16 (depends on 11)

The computing device according to claim 11, wherein while playing the content of the video corresponding to the target video cover at the position of the target video cover through the target player, the operations further comprise:
in response to detecting that the preview operation is cancelled, determining whether another preview operation is detected for the target video cover in a second preset duration from a cancellation of the preview operation; and
disabling the target player in response to determining that no preview operation is detected in the second preset duration from the cancellation of the preview operation.

### Claim 17 (depends on 11)

The computing device according to claim 11, the operations further comprising:
feeding back to the page container information indicative of a loading state or a playback state of the target player.

### Claim 18

A non-transitory computer-readable storage medium, wherein the computer-readable storage medium stores computer-executable instructions, and when the computer-executable instructions are executed by a processor, the computer-executable instructions cause the processor to implement operations comprising:
detecting a preview operation performed on a target video cover in a video preview page, wherein the video preview page comprises a plurality of video covers corresponding to a plurality of videos, wherein a page container is provided at a position where each video cover is displayed in the video preview page, and wherein each page container is configured to detect a preview operation performed on a corresponding video cover;
determining whether an operation duration of the preview operation reaches a duration threshold;
determining a player container associated with a page container of the target video cover in response to determining that the operation duration of the preview operation reaches the duration threshold, wherein the player container is configured to carry a target player of playing content of a video corresponding to the target video cover, wherein the player container is embedded as a sub-element of the page container of the target video cover, and wherein the page container is configured to monitor the preview operation performed on the target video cover;
loading the target player carried in the player container associated with the page container of the target video cover;
playing content of the video corresponding to the target video cover at a position of the target video cover in the video preview page through the target player;
detecting, by the page container, whether the preview operation on the target video cover is cancelled; and
controlling the target player to pause playback of the content of the video based on the page container detecting that the preview operation on the target video cover is cancelled.

### Claim 19 (depends on 18)

The non-transitory computer-readable storage medium according to claim 18, wherein before detecting the preview operation performed on the target video cover in the video preview page, the operations further comprise:
obtaining video metadata and a playback parameter that correspond to the target video cover;
creating the target player of playing the video corresponding to the target video cover based on the video metadata and the playback parameter; and
creating the player container based on the target player.

### Claim 20 (depends on 19)

The non-transitory computer-readable storage medium according to claim 19, the operations further comprising:
separately encapsulating player instances corresponding to a plurality of video types before creating the target player of playing the video corresponding to the target video cover; and
wherein the creating the target player of playing the video corresponding to the target video cover based on the video metadata and the playback parameter further comprises:
parsing the video metadata,
determining a target video type and a content identifier that correspond to the target video cover based on the video metadata,
invoking a player instance corresponding to the target video type, wherein the player instance is among the encapsulated player instances corresponding to the plurality of video types, and
creating the target player corresponding to the target video cover based on the player instance, the content identifier, and the playback parameter.