first commit

Author: andrewvasilchuk

Diff for: .babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env"]
+}

Diff for: .gitignore

@@ -0,0 +1,2 @@
+node_modules
+dist

Diff for: .npmignore

@@ -0,0 +1 @@
+node_modules

Diff for: LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 Andrew Vasilchuk
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

Diff for: README.md

@@ -0,0 +1,97 @@
+# vue-lazy-youtube-video
+
+![Vue.js logo plus YouTube logo](./assets/img.jpg)
+
+## Features
+
+- a11y included
+- `.webp` preview img format for modern browsers that support it, with `.jpg` fallback for browsers that don't
+- reduced initial load size by ~1.1MB per video
+
+## 💿 Installation
+
+### Via NPM
+
+```bash
+$ npm install vue-lazy-youtube-video --save
+```
+
+### Via Yarn
+
+```bash
+$ yarn add vue-lazy-youtube-video
+```
+
+## Initialization
+
+### As a global component
+
+> ⚠️ It must be called before `new Vue()`.
+
+```js
+import Vue from "vue";
+import LazyYoutubeVideo from "vue-lazy-youtube-video";
+
+Vue.component("LazyYoutubeVideo", LazyYoutubeVideo);
+```
+
+### As a local component
+
+```js
+import LazyYoutubeVideo from "vue-lazy-youtube-video";
+
+export default {
+  name: "YourAwesomeComponent",
+  components: {
+    LazyYoutubeVideo
+  }
+};
+```
+
+## 🚀 Usage
+
+```vue
+<template>
+  <LazyYoutubeVideo url="https://www.youtube.com/watch?v=[VIDEO_ID]" />
+</template>
+```
+
+## ⚙️ Properties
+
+| Property    | Required | Type   | Default                     | Description                                                                                |
+| ----------- | -------- | ------ | --------------------------- | ------------------------------------------------------------------------------------------ |
+| url         | `true`   | String |                             | Video `URL` in https://www.youtube.com/watch?v=VIDEO_ID format                             |
+| alt         | `false`  | String | `"Video alternative image"` | Value of the `alt` attribute of the thumbnail `<img />` element                            |
+| buttonLabel | `false`  | String | `"Play video"`              | Value of the `aria-label` attribute of the play `<button></button>` element. Improves a11y |
+| aspectRatio | `false`  | String | `"16:9"`                    | Aspect ratio. It helps to save proportions of the video on different container sizes       |
+
+## ⚙️ Events
+
+| Name        | Type         | Usage                                                                 |
+| ----------- | ------------ | --------------------------------------------------------------------- |
+| videoLoaded | `() => void` | The event that is triggered when the iframe is inserted into the DOM. |
+
+## 💉 Tests
+
+Jest is used for unit-tests.
+
+You can run tests by typing this command in your console:
+
+```bash
+npm run test
+```
+
+## Powered by
+
+- Babel
+- Webpack 4
+- Vue
+- SASS
+
+## Inspiration
+
+Inspired by [Vadim Makeev](https://pepelsbey.net). Vadim created a comprehensive tutorial in which he shows how to lazyload YouTube videos properly.
+
+## 🔒 License
+
+[MIT](http://opensource.org/licenses/MIT)