![\"vue-youtube\"](\"https://raw.githubusercontent.com/anteriovieira/vue-youtube/master/media/logo.png\"){kind=logo}
\n
\n
\n
![\"npm\"](\"https://img.shields.io/npm/v/vue-youtube.svg\")
![\"vue2\"](\"https://img.shields.io/badge/vue-2.x-brightgreen.svg\"){kind=icon}
\n![\"Downloads\"](\"https://img.shields.io/github/downloads/atom/atom/total.svg\")
![\"License\"](\"https://img.shields.io/npm/l/vue-youtube.svg\")
\n\n\n\n## Intro\n\n[vue-youtube](https://www.npmjs.com/package/vue-youtube) is an wrapper of [YouTube IFrame Player API](https://developers.google.com/youtube/iframe_api_reference) (YIPA).\n\n**What is the difference between other plugins?** The difference is that the function body is wrapped in a promise. This promise is resolved only when the player has finished loading and is ready to begin receiving API calls (onReady). Therefore, all function calls are queued and replayed only when player is ready.\n\nYou can do something like:\n\n```js\nexport default {\n // ...\n computed: {\n player() {\n return this.$refs.youtube.player\n }\n },\n methods: {\n async playVideo() {\n await this.player.playVideo()\n // Do something after the playVideo command\n }\n }\n}\n```\n\n[Live demo](https://codesandbox.io/s/oll3o58xvy) built on top of the awesome [codesandbox](https://codesandbox.io).\n\n## Installation\n\n```bash\nnpm install vue-youtube\n# or\nyarn add vue-youtube\n```\n\n## Usage\n\n### Bundler (Webpack, Rollup)\n\n```js\nimport Vue from 'vue'\nimport VueYoutube from 'vue-youtube'\n\nVue.use(VueYoutube)\n```\n\n### Browser\n\n```html\n\n\n\n```\n\n### Example\n\n```html\n