Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vueframe/vueframe
Simple embeds for Svelte and Vue.
https://github.com/vueframe/vueframe
components dino embed iframe javascript svelte typescript vimeo vue vueframe youtube
Last synced: 1 day ago
JSON representation
Simple embeds for Svelte and Vue.
- Host: GitHub
- URL: https://github.com/vueframe/vueframe
- Owner: vueframe
- License: mit
- Created: 2024-11-15T19:47:29.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-01-26T19:29:28.000Z (8 days ago)
- Last Synced: 2025-01-26T20:19:10.129Z (8 days ago)
- Topics: components, dino, embed, iframe, javascript, svelte, typescript, vimeo, vue, vueframe, youtube
- Language: Vue
- Homepage:
- Size: 656 KB
- Stars: 72
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
vueframe
Simple embeds for Svelte and Vue.
Installation •
YouTube •
Vimeo •
Copyright & license## Installation
```bash
npm install @vueframe/vueframe@3
`````App.vue``
```html
import { YouTube, Vimeo } from '@vueframe/vueframe'
```
## Youtube
### Usage
``App.vue``
```html
```
You can also pass in the full URL for the video
```html
```
### Optional props
``poster``
```html
```
``posterquality``
Options: low, default, high, max
```html
```
``params``
```html
```
``title``
```html
```
## Vimeo
### Usage
``App.vue``
```html
```
You can also pass in the full URL for the video
```html
```
### Optional props
``poster``
```html
```
``posterquality``
Options: low, default, high, max
```html
```
``params``
This component does not currently support params
``title``
```html
```
## Copyright & license
Licensed under the MIT License, Copyright © 2024-present vueframe.
See [LICENSE](https://github.com/vueframe/vueframe/blob/main/LICENSE) for more information.