Skip to content
Docs
/
Vue
/
Quick Start

Quick Start

These examples illustrate how to use the library with YouTube or Vimeo.

<script setup lang="ts">
// Dependencies
import { VimeoLite, YoutubeLite } from '@lite-embed/vue';
</script>

<template>
  <div>
    <vimeo-lite url-or-id="https://vimeo.com/476064230"></vimeo-lite>
    <!-- or -->
    <vimeo-lite url-or-id="476064230"></vimeo-lite>

    <youtube-lite
      url-or-id="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
    ></youtube-lite>
    <!-- or -->
    <youtube-lite url-or-id="dQw4w9WgXcQ"></youtube-lite>
  </div>
</template>

Will output this:

YouTube

Vimeo