@vueframe/vueframe

vueframe

High performance, rich media embed components. For your site, built using Vue.

🚧 A Svelte Version is in the works

Installation • YouTube • Vimeo • Copyright & license

Installation

npm install @vueframe/vueframe@3

App.vue

<script setup>
  import { YouTube, Vimeo } from '@vueframe/vueframe'
</script>

Youtube

Usage

App.vue

<YouTube id="dCxSsr5xuL8" />

You can also pass in the full URL for the video

<YouTube id="https://youtu.be/dCxSsr5xuL8" />

Optional props

poster

<YouTube
  id="dCxSsr5xuL8"
  poster="//picsum.photos/1280/720"
/>

posterquality

Options: low, default, high, max

<YouTube
  id="dCxSsr5xuL8"
  posterquality="low"
/>

params

<YouTube
  id="dCxSsr5xuL8"
  params="controls=0&mute=1"
/>

title

<YouTube
  id="dCxSsr5xuL8"
  title="Nuxt in 100 Seconds"
/>

Vimeo

Usage

App.vue

<Vimeo id="32001208" />

You can also pass in the full URL for the video

<Vimeo id="https://vimeo.com/32001208" />

Optional props

poster

<Vimeo
  id="32001208"
  poster="//picsum.photos/1280/720"
/>

posterquality

Options: low, default, high, max

<Vimeo
  id="32001208"
  posterquality="low"
/>

params

This component does not currently support params

title

<Vimeo
  id="32001208"
  title="Earth"
/>

Copyright & license

Licensed under the MIT License, Copyright © 2024-present vueframe.

See LICENSE for more information.