vueframe

vueframe

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

Installation • YouTube • Vimeo • Copyright & license

Installation

npm install @vueframe/vueframe

main.js

import { YouTube, Vimeo } from '@vueframe/vueframe'

Youtube

Usage

App.vue

<YouTube id="dCxSsr5xuL8" />

Optional props

poster

<YouTube
  id="dCxSsr5xuL8"
  poster="https://raw.githubusercontent.com/vueframe/vueframe/main/banner/banner.png"
/>

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" />

Optional props

poster

<Vimeo
  id="32001208"
  poster="https://raw.githubusercontent.com/vueframe/vueframe/main/banner/banner.png"
/>

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.