Skip to content

Magic Player

Package
@maas/vue-equipment/plugins
Last Changed
5 days ago

A magic video player.

Demo

Video Poster [mp4]

Poster

Autoplay [mp4]

Autoplay [hls]

File [mp4]

Popover [mux]

Image Poster [mp4]

Poster

Standalone controls [after]

0:00
0:00

Standalone controls [before]

Api

Audio Player

0:00
0:00

Audio Player [slot]

Loveless
0:00
0:00

Usage

js
import { MagicPlayerPlugin } from '@maas/vue-equipment/plugins'
import { createApp } from 'vue'

const app = createApp({})

app.use(MagicPlayerPlugin)
vue
<template>
  <magic-player
    src="https://stream.mux.com/c2sidhKoTaKUTgqqACU8AsRRq02uUbEFLrgGQXDjlJks/high.mp4"
  >
    <magic-player-controls />
  </magic-player>
</template>

Released under the MIT License.