Vue 3 + Quasar 2

QMediaPlayer

HTML5 media player for Vue and Quasar applications

Build refined audio and video experiences for Quasar apps with captions, fullscreen flows, themes, and custom player chrome that feels product-ready.

Get Started

Upgrade Guide

GitHub Repo

AudioVideoCaptionsFullscreenThemes

Media controls that look like part of the app, not a bolted-on widget

QMediaPlayer wraps HTML5 playback in a Quasar-friendly surface so audio and video experiences can ship with stronger styling, subtitles, language support, and predictable controls.

Included

A focused media player for audio, video, and app-ready playback UI

QMediaPlayer keeps the problem narrow: play media well, expose the right controls, and make captions, themes, and custom icons feel natural inside a Quasar app.

Audio and Video

Handle both playback modes in the same UI family instead of building separate player experiences.

Caption and Track Support

Work with subtitle files and language-aware playback flows for more usable media experiences.

Fullscreen Ready

Support larger-screen playback without reworking the control model when users need to focus on the media.

Themes and Branding

Match player surfaces to the rest of your Quasar application instead of leaving media in a generic skin.

Language Packs

Adjust labels and supporting copy for apps that need localized playback controls and captions.

Custom Icons and Controls

Tune the player chrome so the controls feel intentional in dashboards, education tools, and content apps.

Ecosystem

Built in the same docs workflow as the other md-plugins sites

This site runs on Q-Press and the shared md-plugins tooling, so QMediaPlayer's docs, examples, and navigation fit into the same family as the sibling Quasar UI projects.

QMediaPlayer Repo md-plugins Q-Press

Need Help?

Start with the intro, then move into the usage patterns

The docs move from installation to practical player setup quickly. If something feels off, GitHub Discussions and the repo issue tracker are still the best places to surface it.

Introduction First

Start with the introduction and installation docs to choose the right setup path for Vue and Quasar projects.

Usage Before Customization

Use the main development guide first, then layer in themes, captions, and media options once playback is working.

Discussions + Issues

Questions, bugs, and feature requests are easiest to track in the QMediaPlayer repo and GitHub Discussions.