Vue3 Video Play

screenshot of Vue3 Video Play
vite
vitepress
vue
less

适用于 Vue3 的 hls.js 播放器组件,配置丰富,界面还算好看

Overview:

The Vue3-video-play is a hls.js video player component designed for Vue3, which supports MP4, WebM, and Ogg formats. It offers a powerful configuration with a sleek UI, supporting features like keyboard shortcuts, playback speed control, mirror mode, dark mode, picture-in-picture mode, and more. It also supports starting playback from a specific time, mobile devices with automatic native video player calling, hls video streaming, and live hls playback.

Features:

  • Supports MP4, WebM, Ogg formats
  • Keyboard shortcuts for operation
  • Playback speed control
  • Mirror mode and dark mode settings
  • Picture-in-picture mode
  • Full-screen and web page full-screen playback
  • Start playback from a fixed time
  • Supports hls video streaming and live hls playback
vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

vitepress
Vitepress

VitePress is a static site generator designed for creating documentation websites. It offers a lightweight and fast development experience using Vue.js and Markdown, with features such as live-reload, theming, and customizable layout components.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

less
LESS

Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.