awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
surmon-china avatar

surmon-china/vue-video-player

0
View on GitHub↗
5,444 stars·1,122 forks·TypeScript·MIT·33 viewsgithub.surmon.me/videojs-player↗

Vue Video Player

vue-video-player is a wrapper component used to integrate a customizable video playback interface into Vue and React applications using the Video.js framework. It provides a standardized system for embedding video players into a reactive UI layer.

The project handles the configuration of video appearance, including the management of poster images, aspect ratios, and responsive fluid layouts to adapt to various screen sizes.

It provides mechanisms for managing playback properties such as volume, rate, autoplay, and mute states. The system includes tools for monitoring playback milestones and system events, alongside a state object that tracks real-time data on playback time, duration, and status.

Features

  • Component Wrappers - Acts as a specialized wrapper that integrates the Video.js media library into Vue and React frameworks.
  • Vue Integrations - Integrates a customizable video playback interface as a plugin/component for Vue and React.
  • Media Playback Controls - Implements standard interfaces for controlling the playback rate, volume, and state of web media.
  • Video Players - Provides components for managing essential video playback controls such as volume, rate, and autoplay.
  • Cross-Framework Integration Layers - Provides an architectural layer to ensure consistent video playback behavior across both Vue and React environments.
  • Component Event Bridges - Bridges internal Video.js events to framework-level listeners using a standardized event emitter system.
  • Reactive State Syncing - Synchronizes component properties with the internal player state using reactive watchers.
  • Video Player Component Wrappers - Provides a declarative component interface that wraps the imperative Video.js API for UI frameworks.
  • Video - Provides hooks to react to video player state changes and playback milestones.
  • Media Playback Event Monitors - Provides a system for listening to playback milestones and errors to trigger application logic.
  • Video Aspect Ratio Configurations - Offers configurations for managing how video content fits different display areas and aspect ratios.
  • Video Player Size Managers - Includes a system for configuring player dimensions, posters, and fluid layout settings.
  • Media State Tracking - Ships a responsive state object tracking real-time playback time, duration, and status.
  • Fluid Video Layouts - Implements fluid layout logic to maintain correct video aspect ratios across various screen dimensions.
  • UI - Listed in the “UI组件” section of the Awesome Github Vue awesome list.

Star history

Star history chart for surmon-china/vue-video-playerStar history chart for surmon-china/vue-video-player

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does surmon-china/vue-video-player do?

vue-video-player is a wrapper component used to integrate a customizable video playback interface into Vue and React applications using the Video.js framework. It provides a standardized system for embedding video players into a reactive UI layer.

What are the main features of surmon-china/vue-video-player?

The main features of surmon-china/vue-video-player are: Component Wrappers, Vue Integrations, Media Playback Controls, Video Players, Cross-Framework Integration Layers, Component Event Bridges, Reactive State Syncing, Video Player Component Wrappers.

Which projects share features with surmon-china/vue-video-player?

Projects with overlapping indexed features include: pierfrancescosoffritti/android-youtube-player — This is a native library for embedding and controlling YouTube video playback within Android applications. It… hinesboy/mavoneditor — mavonEditor is a markdown editor component for Vue applications that functions as a markdown-to-HTML converter and a… youtube/youtube-ios-player-helper — This library provides a native component for embedding web-based video players directly into iOS applications. It… surmon-china/vue-quill-editor — vue-quill-editor is a Quill rich text editor component for Vue applications. It provides an extensible WYSIWYG… bytedance/xgplayer — xgplayer is a plugin-based HTML5 video player framework that supports multiple streaming formats including MP4, FLV,… vmware-archive/clarity — Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any…

Projects sharing features with Vue Video Player

These projects share indexed features with Vue Video Player. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • pierfrancescosoffritti/android-youtube-playerPierfrancescoSoffritti avatar

    PierfrancescoSoffritti/android-youtube-player

    3,694View on GitHub↗

    This is a native library for embedding and controlling YouTube video playback within Android applications. It functions as a playback controller that synchronizes video states with the hosting activity or fragment lifecycle. The library includes a framework for replacing default playback controls with custom layouts and interfaces. It also provides a sender extension for streaming YouTube video content from an Android device to Chromecast receivers. The project covers programmatic playback control, background audio playback, and player state monitoring. It also handles network connectivity a

    Kotlinandroidandroid-youtube-playerchromecast-receiver
    View on GitHub↗3,694
  • hinesboy/mavoneditorhinesboy avatar

    hinesboy/mavonEditor

    6,586View on GitHub↗

    mavonEditor is a markdown editor component for Vue applications that functions as a markdown-to-HTML converter and a visual text editor. It provides a synchronized preview and a writing interface that renders markdown content in real-time. The project includes a security layer that cleans HTML tags and attributes through sanitization to prevent the execution of malicious scripts in the browser. The editor supports technical documentation authoring with capabilities for mathematical notation, footnotes, automated tables of contents, and code syntax highlighting. It also includes a system for

    Vueeditorhtmljavascript
    View on GitHub↗6,586
  • youtube/youtube-ios-player-helperyoutube avatar

    youtube/youtube-ios-player-helper

    1,703View on GitHub↗

    This library provides a native component for embedding web-based video players directly into iOS applications. It functions as a bridge that allows developers to display external video content within a sandboxed browser engine instance while keeping users inside the native application environment. The project facilitates bidirectional communication between the native application layer and the embedded web player. It utilizes a command-pattern wrapper to translate native method calls into script injections, enabling programmatic control over playback actions such as playing, pausing, or seekin

    Objective-C
    View on GitHub↗1,703
  • surmon-china/vue-quill-editorsurmon-china avatar

    surmon-china/vue-quill-editor

    7,405View on GitHub↗

    vue-quill-editor is a Quill rich text editor component for Vue applications. It provides an extensible WYSIWYG interface for creating and formatting rich text content within web applications. The component is designed to be SSR compatible, ensuring it functions in both client-side single page applications and server-side rendering environments to prevent hydration errors. The library supports the integration of external plugins for specialized functionality such as table creation and image resizing. It allows for the handling of editor events and the management of content through a Vue-based

    JavaScript
    View on GitHub↗7,405
Compare all 30 related projects→