Video playing component implementation method and system, electronic equipment and storage medium

By integrating the Swiper plug-in in the Vue framework, the problem of cross-platform uniformity of video player components and low data collection efficiency is solved, and the flexible display and efficient data collection of video content are realized, improving user experience and developer efficiency.

CN119316623APending Publication Date: 2025-01-14SUNSHINE LIFE INSURANCE CO LTD
View PDF 0 Cites 0 Cited by

Patent Information

Application Number
CN202411255278.3
Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
Filing Date
2024-09-09
Publication Date
2025-01-14

AI Technical Summary

Technical Problem

The existing video player components lack cross-platform uniformity and flexibility. Users need to adapt to different operating habits and visual styles when watching videos on different platforms. The data collection and analysis during video playback are not efficient enough, which has increased development. maintenance costs and data processing complexity.

Method used

By building the video playback component of the Vue framework and integrating the Swiper plug-in into the original video playback component, a cross-platform unified video playback component is realized, providing video sliding carousel function, improving user experience and data collection efficiency.

Benefits of technology

It realizes flexible display of video content, and users enjoy a consistent operating interface and visual style on different platforms, reduces developers' maintenance costs, and provides efficient and convenient technical support for the dissemination of video content.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN119316623A_ABST
    Figure CN119316623A_ABST
Patent Text Reader

Abstract

The invention relates to the technical field of computers, in particular to a video playing component implementation method and system, electronic equipment and a storage medium, and the method comprises the steps: constructing a development environment of a video playing component of a Vue framework; and based on the development environment, integrating a target plug-in for video sliding carousel into an original video playing component to obtain a Vue video playing component for carousel sliding. According to the invention, a cross-platform unified video playing component is constructed through a Vue framework, and a video sliding carousel plug-in is integrated, so that flexible display of video content can be realized, user experience is improved, a user can enjoy consistent operation interfaces and visual styles on different platforms, and user experience is improved. And more efficient and convenient technical support is provided for spreading of video contents on an internet platform.
Need to check novelty before this filing date? Find Prior Art

Claims

1. A method for implementing a video playback component, characterized in that: include: Build a development environment for the video playback component of the Vue framework; Based on the development environment, the target plug-in for video sliding carousel is integrated into the original video playback component to obtain the Vue video playback component for carousel sliding.

2. The method for implementing a video playback component according to claim 1, characterized in that: The target plug-in is: Swiper plug-in.

3. The method for implementing a video playback component according to claim 2, characterized in that: The original video playback component includes: a VideoCarousel component and a VideoPlayer component.

4. The method for implementing a video playback component according to claim 3, characterized in that: The steps of integrating the target plug-in for video sliding carousel into the original video playback component to obtain the Vue video playback component for carousel sliding include: The Swiper plug-in is integrated into the VideoCarousel component, and the Vue video player component for carousel sliding is obtained according to the integrated VideoCarousel component and the VideoPlayer component.

5. A video playback component implementation system, characterized in that: include: Building blocks and executing blocks; The construction module is used to: construct a development environment for a video playback component of a Vue framework; The execution module is used to: based on the development environment, integrate the target plug-in for video sliding carousel into the original video playback component to obtain the Vue video playback component for carousel sliding.

6. The video playback component implementation system according to claim 5, characterized in that: The target plug-in is: Swiper plug-in.

7. The video playback component implementation system according to claim 6, characterized in that: The original video playback component includes: a VideoCarousel component and a VideoPlayer component.

8. The video playback component implementation system according to claim 7, characterized in that: The execution module is specifically used for: The Swiper plug-in is integrated into the VideoCarousel component, and the Vue video player component for carousel sliding is obtained according to the integrated VideoCarousel component and the VideoPlayer component.

9. An electronic device, characterized in that: The electronic device includes a processor, the processor is coupled to a memory, the memory stores at least one computer program, and the at least one computer program is loaded and executed by the processor so that the electronic device implements the video playback component implementation method as described in any one of claims 1 to 4.

10. A computer-readable storage medium, characterized in that: At least one computer program is stored in the computer-readable storage medium, and the at least one computer program is loaded and executed by the processor so that the computer-readable storage medium implements the video playback component implementation method as described in any one of claims 1 to 4.