Magic Player

Package

@maas/vue-equipment/plugins

Last Changed

last month

A magic video player.

Demo

source

Video Poster [mp4]

Autoplay [mp4]

Autoplay [hls]

File [mp4]

Popover [mux]

Image Poster [mp4]

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

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

const app = createApp({})

app.use(MagicPlayerPlugin)

<template>
  <magic-player
    src="https://stream.mux.com/c2sidhKoTaKUTgqqACU8AsRRq02uUbEFLrgGQXDjlJks/high.mp4"
  >
    <magic-player-controls />
  </magic-player>
</template>