https://github.com/nasa8x/v-video-embed

This is a component for Vue.js to utilize YouTube, Vimeo, DailyMotion, Coub iframe API easily
https://github.com/nasa8x/v-video-embed

vue vue-components vuejs youtube-embed

Last synced: 6 days ago
JSON representation

This is a component for Vue.js to utilize YouTube, Vimeo, DailyMotion, Coub iframe API easily

• Host: GitHub
• URL: https://github.com/nasa8x/v-video-embed
• Owner: nasa8x
• License: mit
• Created: 2019-11-04T03:31:41.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T00:04:27.000Z (almost 2 years ago)
• Last Synced: 2024-10-30T06:31:03.879Z (17 days ago)
• Topics: vue, vue-components, vuejs, youtube-embed
• Language: JavaScript
• Homepage: https://morioh.com/p/487a79571ccb
• Size: 1.82 MB
• Stars: 40
• Watchers: 4
• Forks: 10
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Vue Video Embed component for Vue.js

This is a component for Vue.js to utilize YouTube, Vimeo, DailyMotion, Coub iframe embed API easily.

☞ [Vue JS - The Complete Guide (incl. Vue Router & Vuex)](http://on.codequs.com/e23cdae55c)

☞ [How to Create a Chrome Extension with Vue.js](https://morioh.com/p/0169fb660bae)

☞ [How To Build a Blog with Nest.js, MongoDB, and Vue.js](https://morioh.com/p/74ffc8a798bb)

### Demo

[Vue Video Embed](https://nasa8x.github.io/v-video-embed/dist/www)

### Install

```js

npm install v-video-embed

```

```js

yarn install v-video-embed

```

### Use CDN

```

```

```js

import Vue from 'vue'

import Embed from 'v-video-embed'

// global register

Vue.use(Embed);

```

### Youtube

```js

# custom params

```

```js

# vimeo

# dailymotion

# coub

```

```html

 

 

 

 

 

 

 

```

```html

Change Url

    export default {

        methods: {

            change() {

                this.$refs.youtube.src = "https://www.youtube.com/watch?v=nqwQpXoSN7Q";

            }

        }

    }

```