{"_id":"@dvalinotti/vue-vimeo-player","_rev":"2-a1344493eaedcdeb83b9cb9d7d1aa517","name":"@dvalinotti/vue-vimeo-player","dist-tags":{"latest":"0.2.1"},"versions":{"0.2.0":{"name":"@dvalinotti/vue-vimeo-player","version":"0.2.0","description":"Vue.js wrapper for Vimeo player","main":"dist/bundle.umd.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c","watch":"rollup -c -w","release":"standard-version -a"},"keywords":["Vue","Vimeo","Player","component"],"bugs":{"url":"https://github.com/dobromir-hristov/vue-vimeo-player/issues"},"homepage":"https://github.com/dobromir-hristov/vue-vimeo-player#readme","module":"dist/bundle.es.js","author":{"name":"Dobromir Hristov","email":"dobri@digital-cult.com","url":"http://digital-cult.com/"},"repository":{"type":"git","url":"git+https://github.com/dobromir-hristov/vue-vimeo-player.git"},"license":"MIT","devDependencies":{"babel-core":"^6.26.0","babel-plugin-external-helpers":"^6.22.0","babel-preset-env":"^1.6.0","conventional-changelog-cli":"^1.3.3","eslint":"^4.8.0","eslint-config-standard":"^10.2.1","eslint-plugin-import":"^2.7.0","eslint-plugin-node":"^5.2.0","eslint-plugin-promise":"^3.5.0","eslint-plugin-standard":"^3.0.1","eslint-plugin-vue":"^3.13.0","eslint-plugin-vue-libs":"^1.2.1","lodash.camelcase":"^4.3.0","rollup":"^0.62.0","rollup-plugin-babel":"^3.0.2","rollup-plugin-buble":"^0.19.2","rollup-plugin-commonjs":"^9.1.3","rollup-plugin-node-resolve":"^3.0.0","rollup-plugin-replace":"^2.0.0","rollup-plugin-terser":"^1.0.1","rollup-watch":"^4.3.1","standard-version":"^4.2.0"},"dependencies":{"@vimeo/player":"^2.10.0","object-assign":"^4.1.1"},"peerDependencies":{"vue":"^2.5.17"},"standard-version":{"scripts":{"postchangelog":"npm run build && git add -A"}},"gitHead":"e6e62faaf3129ba5f0cd32d714f7d2e2a39bdbbb","_id":"@dvalinotti/vue-vimeo-player@0.2.0","_nodeVersion":"12.14.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-uyc1fCUUzHKOzchBjsPc3OYIn7ccu4GrcYHzgDvUSILW7uoCzfATcTFgSq5Xr4C4VNDEr3y2SX3mEJQjdONMkw==","shasum":"346481ea911b433c30ae33d20cb31a6faedc2512","tarball":"https://registry.npmjs.org/@dvalinotti/vue-vimeo-player/-/vue-vimeo-player-0.2.0.tgz","fileCount":11,"unpackedSize":36537,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPp4ACRA9TVsSAnZWagAALB8P/RtM1sxTvDqNMztxXN3b\nCIG62aCur014gvIabFcm7ZCLzVono1DzxyaZVinZ3eMtNtIZfOwyAv3pK657\nV42pgMlWXPLHNcDrJqJbVHbJy86zrm3xxfOs3xEJt3P0uFoSSyO1Wr5r/5lD\ngUb57TwVDtIJHHGpCm3RiQNOZfbNYP4ZL9SqC2E6IqdnwCBF7108UKDrl1Up\nWMgLIwpDIAbDTlyLCn3CjJjmBYXczl2MmVv8Vm6/lp5yxeCTqFprynsUceK3\nk5TmTBa0nSaWJ7xavvEIbvAEvy4w8Z7uViB8j7axQx89IcUHGt9UbsAA4ecK\nYoZZAoWZuIroBvEiuu6ADpWMZm+MmymPO9XPxAY7T3mcYzWvR4ud/3wuVbV2\n6ENygfgADIY+zXY8E5dg0MsYfx2V9DvGUw5P/39dNvZN7PBk7lW5i3EdNDel\nmhjMK9CHnv33vbmpLw53oqXNdkkxpHT5VL/uphHUzT2CYvSxoMk+iPk4igwL\nA6Im7bGWt5LgVR2hns38wfYwgl1AZYAXF8hG41JX9glZaQ6a8POV+XkSFw7T\nZ8TztxocH5lHl63bzf+/m/Y02AJlpIqcf7P5PmUmhaBX7n8qemfvQcRDMsu4\n0Itrn5sEeR9IIUHit6cWVe+vQetN9+DrZxQ5kBkpbFOYIFz7Ch9kYfGBIEDG\nHAbU\r\n=y7fQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDVZ5FI2txcj08GCQR4tcYX0phcC5cnB4Bq367KcenBwAIhAP4VZgU0xagFJyoSj+eGF9xyvyVklFKwU8+QIjtPfDH1"}]},"maintainers":[{"name":"dvalinotti","email":"dvalinotti@icloud.com"}],"_npmUser":{"name":"dvalinotti","email":"dvalinotti@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-vimeo-player_0.2.0_1597939199892_0.418793332881908"},"_hasShrinkwrap":false},"0.2.1":{"name":"@dvalinotti/vue-vimeo-player","version":"0.2.1","description":"Vue.js wrapper for Vimeo player","main":"dist/bundle.umd.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c","watch":"rollup -c -w","release":"standard-version -a"},"keywords":["Vue","Vimeo","Player","component"],"bugs":{"url":"https://github.com/dan-valinotti/vue-vimeo-player/issues"},"homepage":"https://github.com/dan-valinotti/vue-vimeo-player#readme","module":"dist/bundle.es.js","author":{"name":"Dobromir Hristov","email":"dobri@digital-cult.com","url":"http://digital-cult.com/"},"repository":{"type":"git","url":"git+https://github.com/dan-valinotti/vue-vimeo-player.git"},"license":"MIT","devDependencies":{"babel-core":"^6.26.0","babel-plugin-external-helpers":"^6.22.0","babel-preset-env":"^1.6.0","conventional-changelog-cli":"^1.3.3","eslint":"^4.8.0","eslint-config-standard":"^10.2.1","eslint-plugin-import":"^2.7.0","eslint-plugin-node":"^5.2.0","eslint-plugin-promise":"^3.5.0","eslint-plugin-standard":"^3.0.1","eslint-plugin-vue":"^3.13.0","eslint-plugin-vue-libs":"^1.2.1","lodash.camelcase":"^4.3.0","rollup":"^0.62.0","rollup-plugin-babel":"^3.0.2","rollup-plugin-buble":"^0.19.2","rollup-plugin-commonjs":"^9.1.3","rollup-plugin-node-resolve":"^3.0.0","rollup-plugin-replace":"^2.0.0","rollup-plugin-terser":"^1.0.1","rollup-watch":"^4.3.1","standard-version":"^4.2.0"},"dependencies":{"@vimeo/player":"^2.10.0","object-assign":"^4.1.1"},"peerDependencies":{"vue":"^2.5.17"},"standard-version":{"scripts":{"postchangelog":"npm run build && git add -A"}},"gitHead":"b3f410995b675699162d29950b8d601de8b7fdf6","_id":"@dvalinotti/vue-vimeo-player@0.2.1","_nodeVersion":"12.14.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-sq9lTnqB16zQdvUKeHuAdCY8NOlwFwXmLC2A9PBgX+dE8B/ChZSgcREts+3NldbghaUV0i/P5gtV9e2+b/t/GA==","shasum":"d1f277e29001eea0ee77e358604b513bbf1fd13a","tarball":"https://registry.npmjs.org/@dvalinotti/vue-vimeo-player/-/vue-vimeo-player-0.2.1.tgz","fileCount":11,"unpackedSize":39940,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQ8lXCRA9TVsSAnZWagAAUs8P+wWn2mVan2nlZNN/KBhR\n6SqW5lSeblYrq0chS2ZBzYqgHfhyF6AZdQjqLRVU+ke6PTBuoOBEs/e8M9BT\nyJim8w41id83nB97jkxQjkX+fnOqmVS1/wo+amZhatJORkWR8+qZVmhSlV3v\nK96Nhix878bFYjsN0jPQERNq556bj2I7Tud7GpXDxa21Y5fwoShZqOavc47a\nq9ENsmjwuAWag3L3z+WqtJDjL0JCOnZG3dhvI0MzW8V1dEv/U4WvFzVjGFw1\nXDhpu64T4uB0RjdXcTbzwu2xeqrYRtRxb6pKHbBakEY+HQZDiu03i9BOLsyH\nl5hKl3gvXTSnl6iCXxuI4sZpk6FJQjnVZmVWn31gFlD7qAjmnIgAYKAeqSsh\niXmyhgTMi0Veyhz/obqRszFbEDNX6zXhcPMWHDtEYRcxrqVGSx/pLIzsMTtJ\nTgTpW9V0Hg+BQa5WTJ7YJZesWfD8ONjZxF/efTdlRW2Ej3lmKGQhv/SztiMU\n0rg05t7Ojy9U+BOaygjkGDmxeFM/kBKlrxSkHsmgsJBjOLUieE63aq0IC8dK\n1FFwK7w7TtbN/cfKRzVFUAjKGBi6dSzslizzdpIBT5l/9lGcF7xE5pVNFe5P\nEdnBL0aI8bpogg9m6R859LPkuyVDlyheUIueCwDw3Ys/iTtCENWl/8mU99Rv\nz/yr\r\n=IzED\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDL26tt3mIIpppQKB5OeOJ3JIsSuAswToKWxAK8BSPGVgIhAI48WOSsE3iTDgr2NbX7rYv72ejpdvOVdBILyRs5JIMO"}]},"maintainers":[{"name":"dvalinotti","email":"dvalinotti@icloud.com"}],"_npmUser":{"name":"dvalinotti","email":"dvalinotti@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-vimeo-player_0.2.1_1598277975181_0.6373727240981231"},"_hasShrinkwrap":false}},"time":{"created":"2020-08-20T15:59:59.855Z","0.2.0":"2020-08-20T16:00:00.022Z","modified":"2022-04-05T06:09:57.793Z","0.2.1":"2020-08-24T14:06:15.337Z"},"maintainers":[{"name":"dvalinotti","email":"dvalinotti@icloud.com"}],"description":"Vue.js wrapper for Vimeo player","homepage":"https://github.com/dan-valinotti/vue-vimeo-player#readme","keywords":["Vue","Vimeo","Player","component"],"repository":{"type":"git","url":"git+https://github.com/dan-valinotti/vue-vimeo-player.git"},"author":{"name":"Dobromir Hristov","email":"dobri@digital-cult.com","url":"http://digital-cult.com/"},"bugs":{"url":"https://github.com/dan-valinotti/vue-vimeo-player/issues"},"license":"MIT","readme":"# Vue wrapper for Vimeo Embed Player \n[![npm](https://img.shields.io/npm/v/vue-vimeo-player.svg)](https://www.npmjs.com/package/@dvalinotti/vue-vimeo-player) [![Conventional Commits](https://img.shields.io/badge/Conventional%20Commits-1.0.0-yellow.svg)](https://conventionalcommits.org) [![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/)\n\nThe Vue vimeo player allows you to use the Vimeo player as a Vue component with ease, even with Nuxt.js SSR.\n\n## Installation\n\nUsing npm:\n\n```bash\nnpm install vue-vimeo-player --save\n```\nof load it via CDN\n\n```html\n<script src=\"//unpkgd.com/vue-vimeo-player\"></script>\n```\n\n## Getting Started\n\nYou can either import it in your whole project\n\n ```js\n import vueVimeoPlayer from 'vue-vimeo-player'\n import Vue from 'vue'\n\n Vue.use(vueVimeoPlayer)\n\n```\nor import it locally in a component\n\n```js\n  import { vueVimeoPlayer } from 'vue-vimeo-player'\n  \n  export default {\n  \tdata: {},\n  \tcomponents: { vueVimeoPlayer }\n  }\n```\n\n## Usage without module bundler\n\nJust include the script from the CDN and you are good to go.\n\n```html\n<script src=\"//unpkg.com/vue@2.4\"></script>\n<script src=\"//unpkg.com/vue-vimeo-player\"></script>\n<!-- .... -->\n<vimeo-player :video-id='videoId'></vimeo-player>\t\n```\n\n## Usage with Nuxt.js\n\nAs we know Nuxt.js allows the really cool advantage of Server Side Rendering, but this means there is no `window` variable.\nTo fix this, we need to tell Nuxt.js to skip rendering our component on the server and render it just on the Browser\n\nWe need to create a file inside the `plugins` directory called `vimeo-player.js` or what ever you see fit.\n```js\n// plugins/vimeo-player.js\nimport Vue from 'vue'\nimport vueVimeoPlayer from 'vue-vimeo-player'\n\nVue.use(vueVimeoPlayer)\n\n```\n\nNow we need to tell Nuxt to load our plugin inside `nuxt.config.js`\n\n```js\n// ....\nplugins: [\n    { src: `~plugins/vimeo-player`, ssr: false }\n],\nbuild: {\n    vendor: [\n      'vue-vimeo-player'\n    ],\n}\n// ....\n```\n\n### Using the <no-ssr></no-ssr> component\n\nAnother option is to use the [no-ssr](https://nuxtjs.org/api/components-no-ssr/) component to wrap the vue-vimeo component in the template. \n\n```html\n<no-ssr>\n  <vimeo-player ref=\"player\" :video-id=\"videoID\"/>\n</no-ssr>\t\n```\n\n## Props\n<table>\n\t<tr>\n      <th>Prop</th>\n      <th>Type</th>\n      <th>Default</th>\n      <th>Description</th>\n      <th>Required</th>\n    </tr>\n    <tr>\n        <td>autoplay</td>\n        <td>Boolean</td>\n        <td>false</td>\n        <td>The video automatically begins to playback as soon as it can do.</td>\n        <td>No</td>\n    </tr>\n    <tr>\n        <td>player-width</td>\n        <td>String or Number</td>\n        <td>640</td>\n        <td>The width of the video's display area</td>\n        <td>No</td>\n    </tr>\n    <tr>\n        <td>player-height</td>\n        <td>String or Number</td>\n        <td>320</td>\n        <td>The height of the video's display area</td>\n        <td>No</td>\n    </tr>\n    <tr>\n        <td>options</td>\n        <td>Object</td>\n        <td>{}</td>\n        <td>Options to pass to Vimeo.Player. <a href=\"https://github.com/vimeo/player.js/#embed-options\">See the Vimeo docs</a></td>\n        <td>No</td>\n    </tr>\n    <tr>\n        <td>video-id</td>\n        <td>String</td>\n        <td></td>\n        <td>Vimeo player unique identifier</td>\n        <td>Yes</td>\n    </tr>\n    <tr>\n        <td>video-url</td>\n        <td>String</td>\n        <td>undefined</td>\n        <td>Vimeo url to play video (if using private links)</td>\n        <td>No</td>\n    </tr>\n    <tr>\n        <td>loop</td>\n        <td>Boolean</td>\n        <td>false</td>\n        <td>Upon reaching the end of the video, automatically seek back to the start.</td>\n        <td>No</td>\n    </tr>\n    <tr>\n        <td>controls</td>\n        <td>Boolean</td>\n        <td>true</td>\n        <td>This parameter if `false` will hide all elements in the player (play bar, sharing buttons, etc) for a chromeless experience. ⚠️Warning: When using this parameter, the play bar and UI will be hidden. To start playback for your viewers, you'll need to either enable autoplay or use our player SDK to start and control playback. **(available to Plus, PRO, or Business members)**</td>\n        <td>No</td>\n    </tr>\n</table>\n \n## Methods\n\n - update(videoID): Recreates the Vimeo player with the provided ID\n - play()\n - pause()\n - mute()\n - unmute()\n\n## Properties\n\nUseful properties to interact with\n\n - player - The instance of the Vimeo player\n\n\n## Events\n\nEvents emitted from the component. \n\n\nThe ready event only passes the player instance\n - ready\n\nEvery other event has these properties: (event, data, player)\n\n - play\n - pause\n - ended\n - timeupdate\n - progress\n - seeked\n - texttrackchange\n - cuechange\n - cuepoint\n - volumechange\n - error\n - loaded\n\n\n## Example\n\n\n```js\n // app.js\n import vueVimeoPlayer from 'vue-vimeo-player'\n import Vue from 'vue'\n\n Vue.use(vueVimeoPlayer)\n```\n```html\n<template>\n\t<vimeo-player ref=\"player\" :video-id=\"videoID\" @ready=\"onReady\" :player-height=\"height\"></vimeo-player>\n</template>\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tvideoID: 'some-id',\n\t\t\theight: 500,\n\t\t\toptions: {\n\t\t\t\tmuted: true,\n\t      \t\t\tautoplay: true,\n\t\t\t},\n\t\t\tplayerReady: false\n\t\t}\n\t},\n\tmethods: {\n\t\tonReady() {\n\t\t\tthis.playerReady = true\n\t\t},\n\t\tplay () {\n\t\t\tthis.$refs.player.play()\n\t\t},\n\t\tpause () {\n\t\t\tthis.$refs.player.pause()\n\t\t}\n\t}\n}\n</script>\n```\n","readmeFilename":"README.md"}